@urql/next registerUrql fails in Next.js app due to TypeError: React.cache is not a function

Describe the bug

When adding urql to a Next.js project using Jest to test the React components, the call to registerUrl (as per the docs) fails with this error: TypeError: React.cache is not a function

the error

 FAIL  app/page.test.tsx
  ● Test suite failed to run

    TypeError: React.cache is not a function

      13 | };
      14 |
    > 15 | const { getClient } = registerUrql(makeClient);
         |                                   ^
      16 |
      17 | export default function Page() {
      18 |   return <h1>App Router</h1>

      at cache (node_modules/@urql/next/src/rsc.ts:27:27)
      at Object.<anonymous> (app/page.tsx:15:35)
      at Object.<anonymous> (app/page.test.tsx:9:54)

repro steps

the error is able to reproduced in isolation by creating a new Next.js app with Jest and adding urql.

npx create-next-app@latest --example with-jest with-jest-app
cd with-jest-app
npm install --save @urql/next urql graphql
follow these steps to create and register an urql client: https://formidable.com/open-source/urql/docs/advanced/server-side-rendering/#nextjs
npx jest fails with the above error

key versions

next 14.0.4
urql 4.0.7
@urql/next 1.0.1
node 18.17.0

Reproduction

https://github.com/brettchalupa/next-urql-jest-react-cache-repro

Urql version

urql: 4.07 @urql/next: 1.0.1

Validations

[X] I can confirm that this is a bug report, and not a feature request, RFC, question, or discussion, for which GitHub Discussions should be used
[X] Read the docs.
[X] Follow our Code of Conduct

urql-graphql / urql

@urql/next registerUrql fails in Next.js app due to TypeError: React.cache is not a function #3467