docs(react): handle failed fetch responses in simple example

docs/framework/react/overview.md

@@ -68,10 +68,17 @@ export default function App() {
 function Example() {
   const { isPending, error, data } = useQuery({
     queryKey: ['repoData'],
-    queryFn: () =>
-      fetch('https://api.github.com/repos/TanStack/query').then((res) =>
-        res.json(),
-      ),
+    queryFn: async () => {
+      const response = await fetch(
+        'https://api.github.com/repos/TanStack/query',
+      )
+
+      if (!response.ok) {
+        throw new Error(`Request failed with status ${response.status}`)
+      }
+
+      return response.json()
+    },
   })
 
   if (isPending) return 'Loading...'

examples/react/simple/src/index.tsx

@@ -25,7 +25,12 @@ function Example() {
       const response = await fetch(
         'https://api.github.com/repos/TanStack/query',
       )
-      return await response.json()
+
+      if (!response.ok) {
+        throw new Error(`Request failed with status ${response.status}`)
+      }
+
+      return response.json()
     },
   })