Reading from "node:async_hooks" is not handled by plugins (Unhandled scheme)

[LinnJS]

I am trying to implement Twind which is a tailwind CSS-in-JS library and am trying to impliment it as it states in its docs here and I am getting the errors below:

Has anyone else seen these errors and know how to resolve? Is there some kind of webpack plugin/config I need?

Here is the issue I opened with Twind.

gatsby-ssr code:

const { setup } = require('twind');
// eslint-disable-next-line no-unused-vars
const { asyncVirtualSheet, getStyleTagProperties } = require('twind/server');
const { createElement } = require('react');

const sheet = asyncVirtualSheet();

setup({ sheet });

exports.wrapPageElement = ({ element }) => {
  sheet.reset();

  return element;
};

exports.onRenderBody = ({ setHeadComponents, pathname }) => {
  console.log('sheet: ', sheet);
  const { id, textContent } = getStyleTagProperties(sheet);
  console.log('twind props: ', { id, textContent });
  const twindId = `twind-ssr-${id}-${Math.random()}`;

  const styleProps = {
    id,
    dangerouslySetInnerHTML: {
      __html: textContent,
    },
  };
  setHeadComponents([
    createElement('style', {
      id: twindId,
      dangerouslySetInnerHTML: {
        __html: textContent,
      },
    }),
  ]);
};

Link to PR on public repo

[LinnJS]

Created a brand new Gatsby project to help debug and getting the same error just looks a little different

[LinnJS]

Getting this error now as well, another version of the same error.

[LinnJS]

Confirmed this same error happens on a barebones v4 starter and an old v3 starter.

[LinnJS]

Issue I opened with Twind