Saving a component in Next.js development mode casues infinite requests

[lswinblad]

Describe the bug

I'm not sure if I'm implementing this correctly, but saving a component when using the Next.js development mode causes queries to be made in an infinite loop.

It seems to be caused by having different URLs for server / client side. The only reference I could find to having different URLs depending on the context is in the old repository.

To reproduce

1. npm run dev
2. Open devtools in e.g. chrome
3. Save a file after e.g. inserting a newline somewhere
4. Observe infinite requests being made

Reproduction

https://stackblitz.com/edit/github-unakrx?file=app%2Furql-provider.tsx

Urql version

See package.json in reproduction

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

[JoviDeCroock]

Same as https://github.com/urql-graphql/urql/issues/3408, misses a Suspense boundary