ReactQuery Data error
I am saving token in localstorage with PersistQueryClientProvider
but getting error message
// useStorageQuery.ts
I know problem is
How to I can return undefined? or other solution?
but getting error message
Query data cannot be undefined. Please make sure to return a value other than undefined from your query function. Affected query key: ["token"]Query data cannot be undefined. Please make sure to return a value other than undefined from your query function. Affected query key: ["token"]// useStorageQuery.ts
export const useStorageQuery = <T>(queryKey: string, initialData?: T) => {
const queryClient = useQueryClient();
const { data: token, isLoading, isError, error } = useQuery({
queryKey: [queryKey],
queryFn: (): T | undefined => {
return undefined;
},
gcTime: Infinity,
initialData: () => {
// Check if we have anything in cache and return that, otherwise get initial data
const cachedData = queryClient.getQueryData<T | undefined>([queryKey]);
if (cachedData) {
return cachedData;
}
return initialData;
},
});
const setToken = (data: T) => {
queryClient.setQueryData([queryKey], () => data);
};
return { token, setToken, isLoading, isError, error };
};export const useStorageQuery = <T>(queryKey: string, initialData?: T) => {
const queryClient = useQueryClient();
const { data: token, isLoading, isError, error } = useQuery({
queryKey: [queryKey],
queryFn: (): T | undefined => {
return undefined;
},
gcTime: Infinity,
initialData: () => {
// Check if we have anything in cache and return that, otherwise get initial data
const cachedData = queryClient.getQueryData<T | undefined>([queryKey]);
if (cachedData) {
return cachedData;
}
return initialData;
},
});
const setToken = (data: T) => {
queryClient.setQueryData([queryKey], () => data);
};
return { token, setToken, isLoading, isError, error };
};I know problem is
queryFn: (): T | undefined => {
return undefined;
},queryFn: (): T | undefined => {
return undefined;
},How to I can return undefined? or other solution?
