NoModificationAllowedError: Failed to execute 'insertAdjacentHTML' on 'Element': The element has no parent

[iwasherefirst2]

Installed using npm i utterances-react-component

Using in my reac code like this:

<article>
              <header className="flex flex-col">
                <h1 className="mt-6 text-4xl font-bold tracking-tight text-zinc-800 dark:text-zinc-100 sm:text-5xl">
                  {meta.title}
                </h1>
                <time
                  dateTime={meta.date}
                  className="order-first flex items-center text-base text-zinc-400 dark:text-zinc-500"
                >
                  <span className="h-4 w-0.5 rounded-full bg-zinc-200 dark:bg-zinc-500" />
                  <span className="ml-3">{formatDate(meta.date)}</span>
                </time>
              </header>
              <Prose className="mt-8">{children}</Prose>

              <Utterances
                  repo="iwasherefirst2/adam-nielsen.de-comments"
                  issueTerm="pathname"
                  label="comments"
                  theme="github-light"
                  crossorigin="anonymous"
                  async
              />
            </article>

But getting this error: