I am using the Obytes Starter for a React Native app. It use React Query and React Query Kit for data fetching and React Hook Form and Zod for forms. This is my first time using React Query. I'm struggling…
I have this custom hook that used to fetch multiple requests import dashboardApi from '@api/dashboardApi' import { queryKeys } from '@constants/queryKeys' import { TOP_PROJECT_SORT } from '@models/projectCost' import { UseQueryOptions, UseQueryResult, useQuery } from '@tanstack/react-query' import { NotifyService } from…
I am using react-query hook for data fetching. I have some filters (Playground). I want to call the api only when the applied filters are valid. I am using enabled property to conditionally fetch. But my concern is, I have…
I want to put the "data" from the useQuery response as the initial value of my component. const {data, isLoading } = useQuery({ queryKey: ["name", nameId], queryFn: async () => { const consulta = await getFetch(NAME_URI + "/" + nameID);…
I want to fetch data based on a custom hook in react query. if (filter == "NEW") { const { data, isLoading } = useGetConsultasByStatusQueryDate({ status: "NEW", queryDate: allTimeDateQuery(), }); } but shows the next error: React Hook "useGetConsultasByStatusQueryDate" is…
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…
(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 React 18 application and using React Query. When I use queryClient.invalidateQueries({ queryKey: ['anecdotes'] }); after the PUT request that causes the change, the application makes a new GET request to retrieve the query data from the server.…
Is React Query more efficient compared to using useEffect and useState, given that these hooks are built-in and easy to use? If so, why choose React Query? Why is React Query more efficient than hooks like useEffect and useState?
I've been working on a React component to fetch data from the GitHub API using useEffect. Here is my current implementation: import { useEffect, useState } from "react"; const url = "https://api.github.com/users/emmeiwhite"; const MultipleReturnsFetchData = () => { /** In…