hooks for delay

useDelay.js

export function useDelay(time = 1000) {
  return React.useCallback(async () => {
    return await new Promise((resolve) => {
      setTimeout(resolve, time);
    });
  }, [time]);
}

//usage
export default function App() {
  const [isWorking, setWorking] = React.useState(null);
  const delayed = useDelay(5000);
  delayed().then(() => setWorking(true)); // delay for 5 seconds
  return <pre>{JSON.stringify({ isWorking }, null, 2)}</pre>;
}