soy nuevo en reaccionar consultas segui la documentacion y me sale el problema que implemente correctamente se agradece ayuda
error:
Error: No se configuró QueryClient, use QueryClientProvider para configurar uno
import { QueryClient, QueryClientProvider, useQuery } from 'react-query' import axios from 'axios'; const queryClient = new QueryClient() export default function App() { const queryInfo = useQuery('pokemon', () => axios .get('https://pokeapi.com/api/v2/pokemon') .then(res => res.data.results)) return ( <QueryClientProvider client={queryClient}> {queryInfo.data?.map(result => { return <div key={result.name}>{result.name}</div> })} </QueryClientProvider> ) }ha creado un queryClient , pero todavía está usando useQuery fuera de <QueryClientProvider> . Cada llamada a useQuery debe estar dentro del proveedor:
const queryClient = new QueryClient() export default function App() { return ( <QueryClientProvider client={queryClient}> <Something /> </QueryClientProvider> } function Something() { const queryInfo = useQuery('pokemon', () => axios .get('https://pokeapi.com/api/v2/pokemon') .then(res => res.data.results)) return queryInfo.data?.map(result => { return <div key={result.name}>{result.name}</div> }) ?? null }