React-Query Tending
// Get the user
2 const { data: user } = useQuery(['user', email], getUserByEmail)
3
4 const userId = user?.id
5
6 // Then get the user's projects
7 const { isIdle, data: projects } = useQuery(
8 ['projects', userId],
9 getProjectsByUser,
10 {
11 // The query will not execute until the userId exists
12 enabled: !!userId,
13 }
14 )
15
16 // isIdle will be `true` until `enabled` is true and the query begins to fetch.
17 // It will then go to the `isLoading` stage and hopefully the `isSuccess` stage :)
Ms29Ash