How to load data with react router dom v6 and handling errorpage?

[adb]

@jerelmiller

Hooks just don’t work here. That means you’ll have to use client.query directly to fetch results in the loader function.

This is probably not very different from constructing a client and passing it to <ApolloProvider>.
The pattern also appears to be react-router’s current recommendation.
There are [others who face the same problem of not being able to use hooks] github.com<>/remix-run/react-router/discussions/9856)…

@jerelmiller

The disadvantage here is that since you’re no longer using useQuery, you won’t receive automatic cache updates if new data is written to the cache for any data used by your query.

Have a look at [this idea] github.com<>/remix-run/react-router/discussions/9861) being dicussed.

_{(Sorry for the broken links, I’m a new user who cannot post more than two links)}