How can I display Facebook comments for specific posts in my React (Next.js) app?

316 views Asked by At

I'm trying to implement Facebook comments in my React (Next.js) app.

However, I can't display comments on specific posts.

For this page, I see this first screen.

For this page, I see nothing.

This is my code:

const CommentsFacebook: FC<PropsType> = ({ pageUrl, numpost = 5, width = '' }) => {
  useEffect(() => {
    //@ts-ignore
    if (window.FB) {
      //@ts-ignore
      window.FB.XFBML.parse();
    }
    const fbSDK = (d, s, id) => {
      let js;
      const fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s);
      js.id = id;
      js.src = `//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.6&appId=${process.env.NEXT_PUBLIC_FACEBOOK_ID}`;
      fjs.parentNode.insertBefore(js, fjs);
    };
    fbSDK(document, 'script', 'facebook-jssdk');
  }, []);

  return (
    <>
      <div id="fb-root"></div>
      <div
        className="fb-comments"
        data-href={'https://www.facebook.com/oleksiy.chernyshov/posts/716357920494507'}
        data-colorscheme="dark"
        data-width="100%"
        data-numposts="2"
        data-order-by="reverse_time"
      ></div>
    </>
  );
};

export default memo(CommentsFacebook);

How can I display comments on specific posts?

0

There are 0 answers