first commit

src/app/config/queryClient.ts

@@ -0,0 +1,10 @@
+import { QueryClient } from "@tanstack/react-query";
+
+export const queryClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      staleTime: 60_000,
+      refetchOnWindowFocus: false,
+    },
+  },
+});

src/app/config/wsconfig.ts

@@ -0,0 +1,5 @@
+export const wsConfig = {
+  infoBar: "ws://100.115.148.59/websocket-infobar",
+};
+
+export type SocketKey = keyof typeof wsConfig;

src/app/providers/AppProviders.tsx

@@ -0,0 +1,7 @@
+import { QueryClientProvider } from "@tanstack/react-query";
+import { queryClient } from "../config/queryClient";
+import type { PropsWithChildren } from "react";
+
+export const AppProviders = ({ children }: PropsWithChildren) => {
+  return <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>;
+};

src/app/providers/QueryProviders.tsx

@@ -0,0 +1,7 @@
+import type { PropsWithChildren } from "react";
+import { QueryClientProvider } from "@tanstack/react-query";
+import { queryClient } from "../config/queryClient";
+
+export function QueryProvider({ children }: PropsWithChildren) {
+  return <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>;
+}