HmphH
Convex Community11mo ago
1 reply
Hmph

Manually preloading a query in React

Hi, I'm using Convex in a SPA React app.
I want to preload the next route's data on mouse hover -- what's the best way to do this?

Setup:
- Every route has a
loader()
function.
- The loader function returns an object
- Components can access the result of the loader with a
useLoader()
hook.
- When a user hovers over a link, the
loader()
function for that route runs and is cached for x seconds.

What's the best way to do this with Convex?
Since
loader()
is not a hook or component, we can't use the
useQuery()
hook.
Is there a Convex-native way to do this (would
watchQuery()
help?), or should I use a 3rd party async state management library?
Was this page helpful?