url and identifier not making a difference, all comment boxes are the same

On my page, I render a list of posts with a “SHOW COMMENTS” button that reveals the DiscussionEmbed element:

  const postObjects = posts.map((p,index)=>{
    return (
        <div className="Post">

                <ReactMarkdown children={p.md}/>

                <button
                    onClick={()=>{
                        showComments(p.filename);
                    }}
                >
                    SHOW COMMENTS
                </button>

                { currentPost == p.filename &&  
                    <DiscussionEmbed
                        shortname={MY_DISQUS_SHORTNAME}
                        config={
                            {
                                url: `${MY_URL}#!${p.filename}`,
                                identifier: p.filename,
                                title: p.filename,
                            }
                        }
                    />                
                }

        </div>
    )
  });

here is the showComments function, which fires when the button is pressed, reset DISQUS from its window object and sets currentPost which then shows the DiscussionEmbed component that matches:

  const showComments = (filename) => {
      if (window.DISQUS) window.DISQUS.reset({
        reload: true,
        config: function () {  
          console.log(this);
          this.page.identifier = filename;  
          this.page.url = `${MY_URL}#!${p.filename}`;
        }
      });           
      setCurrentPost(filename);
  }

Anyway, all the comment blocks are the same / have the same comments. If I click the links to the comments contained in they have:

MY_URL

instead of

`MY_URL#!filename

What am I doing wrong?

[kyager]

I had the same problem using the DiscussionEmbed example. The fix mentioned earlier didn’t work, but I was able to get it working by using setState and useEffect, and a loading prop.

const [disqusConfig, setDisqusConfig] = useState({}); … setDisqusConfig({ url: "https://mywebsite.com/" + post.slug, identifier: post.id, title: post.title }); … <DiscussionEmbed shortname="my-web-site" config={disqusConfig} />

[MaxPRafferty]

Clue: test_post_0 works, but test-post_0 does not. It appears these strings are character restricted.