Modified useScript hook to load in a specific environment

useScript.js

import { useEffect } from "react";

const useScript = (url) => {
  useEffect(() => {
    // ensure script is only loaded in production
    if (process.env.REACT_APP_MY_ENV === "production") {
      const script = document.createElement("script");
      script.src = url;
      script.async = true;
      document.body.appendChild(script);
      return () => {
        document.body.removeChild(script);
      };
    } else return;
  }, [url]);
};

export default useScript;