enigmare/v2-crawler
1904
1{"id":"doc-overview_tanstack_query_react_docs-01b193f1","source":"documentation","title":"Overview | TanStack Query React Docs","url":"https://tanstack.com/query/latest/docs/framework/react/overview","text":"Example:\n```typescript\nimport {\n QueryClient,\n QueryClientProvider,\n useQuery,\n} from '@tanstack/react-query'\n\nconst queryClient = new QueryClient()\n\nexport default function App() {\n return (\n <QueryClientProvider client={queryClient}>\n <Example />\n </QueryClientProvider>\n )\n}\n\nfunction Example() {\n const { isPending, error, data } = useQuery({\n queryKey: ['repoData'],\n queryFn: () =>\n fetch('https://api.github.com/repos/TanStack/query').then((res) =>\n res.json(),\n ),\n })\n\n if (isPending) return 'Loading...'\n\n if (error) return 'An error has occurred: ' + error.message\n\n return (\n <div>\n <h1>{data.name}</h1>\n <p>{data.description}</p>\n <strong>👀 {data.subscribers_count}</strong>{' '}\n <strong>✨ {data.stargazers_count}</strong>{' '}\n <strong>🍴 {data.forks_count}</strong>\n </div>\n )\n}\n```\n\n<|endofdoc|>","metadata":{"transformedAt":"2026-08-18T15:21:47.236Z","totalSectionsIncluded":0,"totalCodeBlocksIncluded":1,"totalLines":44,"estimatedTokens":223}}2 