Discussion on: React's useEffect and useRef Explained for Mortals

function Counter() {
  const [count, setCount] = React.useState(0);
  const [,forceUpdate] = React.useState({}); 
  const countRef = React.useRef(0);

  return (
    <div>
      <p>State Count: {count}</p>
      <button onClick={() => setCount(count + 1)}>
        Increment State Count
      </button>
      <p>Ref Count: {countRef.current}</p>
      <button onClick={() => {
        countRef.current = countRef.current + 1;
        forceUpdate({});
      }>
        Increment Ref Count
      </button>
    </div>
  )
}