React Hook to load script

react-use-script.js

function useScript(id, src, options = {}) {
  const { persist = true, onLoad } = options;
  const [ready, setReady] = useState(false);

  useEffect(() => {
    const domScript = document.getElementById(id);

    if (!domScript) {
      const script = document.createElement('script');

      script.src = src;
      script.id = id;
      document.body.appendChild(script);

      script.onload = () => {
        setReady(true);
        onLoad && onLoad();
      };
    }

    setReady(true);

    return () => {
      if (!persist) {
        const domScript = document.getElementById(id);
        document.body.removeChild(domScript);
      }
    };
  }, [id, src, persist, onLoad]);

  return { ready };
}