style: refactor fetch and context (#10795)

web/service/use-base.ts

@@ -0,0 +1,13 @@
+import {
+  useQueryClient,
+} from '@tanstack/react-query'
+
+export const useInvalid = (key: string[]) => {
+  const queryClient = useQueryClient()
+  return () => {
+    queryClient.invalidateQueries(
+      {
+        queryKey: key,
+      })
+  }
+}