Merge pull request #5 from thinkAmi-sandbox/feature/polling

add examples: polling

tanstack_prism_generouted_example/src/pages/time/polling/default_settings/index.tsx

@@ -0,0 +1,34 @@
+import {useQuery} from "@tanstack/react-query";
+import {DefaultApi} from "../../../../../types";
+import {Clock} from "../../../../components/Clock";
+
+const queryFn = () => new DefaultApi().fetchFishes({headers: {Prefer: 'dynamic=true'}}).then(async (response) => {
+  // 待ち時間を入れる
+  await new Promise(resolve => setTimeout(resolve, 1000))
+
+  return response.data.fishes
+})
+
+const Page = () => {
+  const {data} = useQuery({
+    queryKey: ['PollingWithDefaultSettings'],
+    queryFn: queryFn,
+    refetchInterval: 2000,
+  })
+
+
+  return (
+    <>
+      <Clock />
+
+      {data && (
+        <ul>
+          {data.map(f => <li key={f.id}>ID: {f.id} / Name: {f.name}</li>)}
+        </ul>
+      )}
+
+    </>
+  )
+}
+
+export default Page

tanstack_prism_generouted_example/src/pages/time/polling/stale_time/index.tsx

@@ -0,0 +1,35 @@
+import {useQuery} from "@tanstack/react-query";
+import {DefaultApi} from "../../../../../types";
+import {Clock} from "../../../../components/Clock";
+
+const queryFn = () => new DefaultApi().fetchFishes({headers: {Prefer: 'dynamic=true'}}).then(async (response) => {
+  // 待ち時間を入れる
+  await new Promise(resolve => setTimeout(resolve, 1000))
+
+  return response.data.fishes
+})
+
+const Page = () => {
+  const {data} = useQuery({
+    queryKey: ['PollingWithDefaultSettings'],
+    queryFn: queryFn,
+    refetchInterval: 2000,
+    staleTime: 6000,
+  })
+
+
+  return (
+    <>
+      <Clock />
+
+      {data && (
+        <ul>
+          {data.map(f => <li key={f.id}>ID: {f.id} / Name: {f.name}</li>)}
+        </ul>
+      )}
+
+    </>
+  )
+}
+
+export default Page

tanstack_prism_generouted_example/src/router.ts

@@ -15,8 +15,6 @@ export type Path =
   | `/create/use_state/create_and_reload`
   | `/initial_load/tanstack_query`
   | `/initial_load/use_state`
-  | `/polling/default_settings`
-  | `/polling/stale_time`
   | `/query_key/factory/duplicate_keys/each_import`
   | `/query_key/factory/duplicate_keys/merge`
   | `/query_key/factory/merge_keys`
@@ -28,7 +26,8 @@ export type Path =
   | `/query_key/selectable_reload`
   | `/query_key/single_element/different_string`
   | `/query_key/single_element/same_string`
-  | `/time/polling`
+  | `/time/polling/default_settings`
+  | `/time/polling/stale_time`
   | `/time/stale_and_invalidate`
   | `/time/stale_and_invalidate/clock_only`
   | `/time/stale_time`