Best practice making multiple TRPC calls
I have one component, that needs to make two API calls. The first call
My current solution is just the following within the component (this works, but
I can think / have tried the following ways;
1) Make the second call in useEffect, that has a dependency on
2) Have component 2/3 in the example conditionally render once the first call is complete. The issue is which component should then make the second call, and how would the data travel between them.
3) I wondered if there were some sort of
Some advice would be much appreciated
callOnecallTwocallOneMy current solution is just the following within the component (this works, but
callTwoI can think / have tried the following ways;
1) Make the second call in useEffect, that has a dependency on
selectedDbIdfetchuseEffectHooks can only be called inside of the body of a function component.2) Have component 2/3 in the example conditionally render once the first call is complete. The issue is which component should then make the second call, and how would the data travel between them.
3) I wondered if there were some sort of
skipcallTwo = trpc.auth.getUserDatabaseFields.useQuery({ databaseId: selectedDbId || "" }, { skip: !selectedDbId });Some advice would be much appreciated
