tsx
export const useData = () => {
  const session = useSessionContext();
  if (session.loading) {
    return { data: null, isLoading: true, error: null };
  }
  const {
    data,
    isLoading,
    error,
  } = useQuery({
    queryKey: ['somedata'],
    queryFn: async () => {
      const res = await axios.get(API+'/'+session.userId).then((response) => response.data);
      return res[0];
    },
  });
  return {
    data,
    isLoading,
    error,
  };
};

rendered more hooks than during the previous render