index.js

import { useEffect, useState } from "react";

const useFacebook = function ({
  appId,
  version = "v18.0",
  autoLogAppEvents = true,
  xfbml = true,
  debug = false,
  lang = "en_GB",
}) {
  const [isFacebookSDKReady, setFacebookSDKReady] = useState(false);

  useEffect(() => {
    window.fbAsyncInit = function () {
      FB.init({
        appId,
        autoLogAppEvents,
        xfbml,
        version,
      });

      setFacebookSDKReady(true);
    };

    (function (d, s, id) {
      if (d.getElementById(id)) {
        setFacebookSDKReady(true);
        return;
      }

      const fjs = d.getElementsByTagName(s)[0];
      const js = d.createElement(s);
      js.id = id;
      js.src = `https://connect.facebook.net/${lang}/sdk${
        debug ? "/debug" : ""
      }.js`;
      js.async = 1;
      js.defer = 1;
      fjs.parentNode.insertBefore(js, fjs);
    })(document, "script", "facebook-jssdk");
  }, []);

  return { isFacebookSDKReady };
};

export default useFacebook;