useState that properly handles a function value

useStateCallback.tsx

export const useStateCallback = (callback: Function) => {
  const [value, setValue] = useState(() => callback);

  const setCallback = useCallback((fn: Function) => {
    setValue(() => fn);
  }, [setValue]

  return [value, setCallback];
}