useQueries onSuccess is deprecated,
I have 3 depended useQueries in a single hook and onSuccess I was invalidating the next useQueries, But as we removed the onSuccess, I tried to do the invalidation on useEffect but unfortunately it leads to infintie loop.
So is it ok to do the side effect on query function
So is it ok to do the side effect on query function
.then const useUserDetails = (): UseUserDetailsHook => {
const locale = useLocale();
const queryClient = useQueryClient();
const { selectedUsers } = useSelectedUsers();
// First set of queries: Fetch user data
const userQueries = useQueries({
queries: selectedUsers.map((user) => ({
queryKey: ['user-data', user.id],
queryFn: () =>
fetchUserData(user.id).then((data) => {
queryClient.invalidateQueries({
queryKey: ['user-posts', user.id],
});
return data;
}),
staleTime: Infinity,
})),
});
