import { useEffect } from 'react';

const useScript = (url, {integrity='', crossorigin='', sync=true, defer=true}={}) => {
  useEffect(() => {
    const script = document.createElement('script');

    script.src = url;
    script.async = sync;
    script.defer = defer;
    if(integrity!=='') script.integrity = integrity;
    if(crossorigin!=='') script.crossorigin = crossorigin;

    document.body.appendChild(script);

    return () => {
      document.body.removeChild(script);
    }
  }, [url]);
};

export default useScript;