Facebook comments plugin with react hook on typescript

FbComment.tsx

import React, { useEffect, useRef } from "react";
import { has } from "lodash/object";
import { SingletonRouter } from "next/router";

interface IProps {
  router: SingletonRouter;
}

const FbComment = ({ router }: IProps) => {
  const fbRef = useRef(null);
  useEffect(() => {
    if (global.document && has(global.window, "FB")) {
      global.FB.XFBML.parse(fbRef.current);
    }
  }, []);
  return (
    <div ref={fbRef}>
      <div
        className="fb-comments"
        data-href={`${global.window.location.origin}${router.asPath}`}
        data-width="100%"
        data-numposts="5"
        style={{ width: "100%" }}
      />
    </div>
  );
};

export default FbComment;