useJsLoaded

1import { useState } from 'react';
2import { useEffect } from 'react';
3 
4/**
5 * Hook to check if the JavaScript is loaded.
6 *
7 * @returns - True if the JavaScript is loaded, false otherwise.
8 */
9export function useJsLoaded() {
10  const [loaded, setLoaded] = useState(false);
11 
12  useEffect(() => {
13    if (
14      document.readyState === 'complete' ||
15      document.readyState === 'interactive'
16    ) {
17      setLoaded(true);
18      return;
19    }
20 
21    const onReady = () => setLoaded(true);
22    document.addEventListener('DOMContentLoaded', onReady);
23    window.addEventListener('load', onReady);
24 
25    return () => {
26      document.removeEventListener('DOMContentLoaded', onReady);
27      window.removeEventListener('load', onReady);
28    };
29  }, []);
30 
31  return loaded;
32}