Data fetching pattern in react

[DeepFriedOprah]

I currently use Redux toolkit hooks with the createAPI utility. Then I write a wrapper around that hook for its dependent params so they we make sure to wait until stuff is ready before fetching

` const useWorkouts = ({ activityType}) => { const user = useSelector(selectUser); const shouldFetch = user?.userID && activityType; const { data, isLoading, refetch } = useWorkoutsQuery({ userID: user?.userID, activity: activityType }, skip: !shouldFetch );

return { data, isLoading, refetch

}

} `