// useMemo(function, dependency) // <-- syntax
 
import { useMemo, useState } from "react";
 
const Counter = () => {
  const [count1, setCount1] = useState(0);
  const [count2, setCount2] = useState(0);
 
  const isEven = useMemo(() => {
    let i = 0;
    while (i < 10000) {
      i++;
    }
 
    return count % 2 === 0;
  }, [count]);
 
  return (
    <p>
      <p>Count one is: {isEven ? "Yes" : "No"}</p>
      <p>Count1: {count1}</p>
      <p>Count2: {count2}</p>
    </p>
  );
};