net::ERR_NAME_NOT_RESOLVED

[clairefuzzyelephant]

Hello! I've been trying to integrate disqus with my gatsby site, and am running into the following errors in my console:

And perhaps consequently Disqus does not seem to be working at all on my site, there isn't even an empty widget showing up. I have already configured the site in my Disqus dashboard and added the shortname in my gatsby-config.js file:

         {
            resolve: `gatsby-plugin-disqus`,
            options: {
                shortname: `my-site`
            }
          },

and in my relevant file: (i have verified that all the post.xxx fields are defined and console log correctly)

import { Disqus, CommentCount } from 'gatsby-plugin-disqus';
# other code
  let disqusConfig = {
    url: 'https://my-site-link.com' + post.fields.slug, 
    title: post.frontmatter.title,
    identifier: post.id
  };
# more code 
return (
    <div className="commentSection">
        <h1>comments</h1>
        <CommentCount config={disqusConfig} placeholder="0" /> comments
        <Disqus
          config={disqusConfig}
       />
    </div>
);

Any help on this would be vastly appreciated!

I'm currently using react v18.1.0 and node v18.5.0.