How to add different comments section to each specific page

[kiriti999]

Right now its loading random comments using below code:

<FacebookProvider appId="148636934858508">
    <Comments href="http://www.facebook.com" width="100%" />
</FacebookProvider>

Modified it to pass specific url like this:

export default function CommentsFaceBook({ pageId }: any) {
    const url = `${FRONTEND_URL}/${pageId}`;
    return (
        < FacebookProvider appId="148636934858508" >
            <Comments href={url} width="100%" />
        </FacebookProvider>
    );
}

Now the comments section doesn't load at all

[seeden]

let me know how to do that when you find something in facebook documentation

[kiriti999]

How is facebook documentation related to this? There is no documentation on how to use it for specific page using this library

[seeden]

is your application allowed by facebook, is it live or debug mode, is your appId correct? try to use your link in facebook comments plugin and test it if it is working for you

[kiriti999]

It is in debug mode. App Id is correct. Yes it is working on facebook comments plugin page