In fetchOrgs, I'm already providing a fallback for items like so: items: response.data ?? []. But it seems like TypeScript still thinks data may still be undefined: const orgs: Org[] | undefined So this means I have to provide a…
I am using Tanstack query to make a PUT request. I am observing a 500 response in the network inspector, but when I log out the error in the onError function it returns null. (Edit: to clarify, I want there…
I am learning TanStack Query (previously React Query) and so far I menaged to successfully fetch data. I am wondering how to mutate it so that I can take the advantage of all TanStack Query features - especially caching. Here…
I here want to fetch all 'products' using react query BUT 'build process' fails when using custom hooks inside 'useQuery', so it throws error in 'build process' but it works perfectly fine during 'development server' const { data, isPending, isError,…
(Next.Js, react-query, Vitest) I have a modal where the user has a few steps to complete. At the last step, code sends a request to the backend. This request is sent using useMutation().mutateAsync and in useMutation().onSuccess I handle showing the…
I have a simple form to update user data. I am using React Query in my app. The form autofills successfully with user data and the user update mutation also works fine. The problem arises when I refresh the page.…
I'm trying to understand how to use the @tanstack/react-query integration for tRPC when I have conditional fetches that have required parameters. For example, say I have this backend: // Backend export const t = initTRPC.create(); export const appRouter = t.router({…
I have the following code. import Post from "../post/Post"; import "./posts.scss"; import {useQuery} from "@tanstack/react-query"; import {makeRequest} from "../../axios"; //omitted code here const {isLoading, error, data } = useQuery({ queryKey: ["posts"], queryFn: () => { makeRequest.get("/posts").then((res) => { return res.data;…
Whenever delete is performed, supabase database is updated instantly but not in UI, If manually refreshed then updated list is shown to the UI... what to do please help!! I have added EntryTable, inside it I am rendering EntryRow, that…
I'm encountering an issue where the useQuery hook in React Query doesn't update its query function when certain data changes. Here's my code: import { request } from "../utils/fetch-utils"; import { useQuery } from "@tanstack/react-query"; import { CustomError } from…