Uncaught Error reading '__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED'

[monscamus]

When I run the latest Graphiql component in my React test project I get the following error.

Uncaught TypeError: Cannot read properties of undefined (reading '__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED')

The key code I use is (for AWS):

  return isAuthenticated ? (
    <Suspense fallback=''>
      <GraphiQL fetcher={async (graphQLParams) => {
        const tokens = await (await fetchAuthSession()).tokens;
        let tok: string = tokens?.idToken === undefined ? '' : tokens.idToken?.toString();

        const data = await fetch(newFunction(), {
          method: "POST",
          headers: {
            Accept: "application/json",
            "Content-Type": "application/json",
            Authorization: tok,
          },
          body: JSON.stringify(graphQLParams),
          credentials: "same-origin",
        });
        return data.json().catch(() => data.text());

        function newFunction(): RequestInfo {
          return import.meta.env.VITE_GRAPHQL_ENDPOINT;
        }
      }} />;

Thought you guys should know (hope nobody gets fired).

[littletuna4]

Seems to be something to do with headlessui/react version - have you worked this out?

[dimaMachina]

Support for React 19 was added in the newly GraphiQL v4, check out the migration guide for more info.

[monscamus]

I'll give the upgrade a try on Tuesday - happy long weekend from the UK :D