How can I avoid "missing dependency" in useEffect by useRef?

  const increaseNumber = useRef({});
  increaseNumber.current = async () => {
    await setTimeout(() => {
      setNum(num + 1);
    });
  };
  useEffect(() => {
    increaseNumber.current();
  }, []);

Error at current():
(property) React.MutableRefObject<{}>.current: {}
This expression is not callable.
Type ‘{}’ has no call signatures.ts(2349)

>Solution :

You are initializing increaseNumber to an empty object instead of a function.

const increaseNumber = useRef({});

Try:

  const increaseNumber = useRef(async () => {
    await setTimeout(() => {
      setNum(num + 1);
    });
  });