Non-breaking React layer rewrite work

We’re going to publish the non-breaking React layer rewrite work as part of Apollo Client 3.6, so this issue will be used to track the non-breaking parts of https://github.com/apollographql/apollo-client/issues/8245. This will mostly cover:

• React 18 based compatibility and enhancements
• Ensuring better communication with the AC core (by making the React layer lighter weight)
• Revamping our test suite (leveraging renderHook)

[hwillson]

We’re polishing up our React 18 support. We’re aiming to have a new @apollo/client release candidate (for 3.6) with R18 support ready by the end of this week.

[ddiachkov]

We’ve just migrated one of our projects to React 18, and I’ve been working on adding Suspense support.

Here is my working PoC: https://github.com/hired/apollo-query-resource (not a real package yet — I’ve just copy-pasted code from internal monorepo):

It looks like this:

const resource = useQueryResource(query, { variables });
resource.read(); // <-- suspends

The conclusion: Suspense and Apollo actually work great together (but only on experimental branch at a moment).