first commit

context/Provider.tsx

@@ -0,0 +1,22 @@
+"use client";
+
+import {
+  QueryClientProvider,
+  HydrationBoundary,
+  type DehydratedState,
+} from "@tanstack/react-query";
+import { queryClient } from "@/lib/queryClient";
+import type { ReactNode } from "react";
+
+interface ProvidersProps {
+  children: ReactNode;
+  dehydratedState?: DehydratedState;
+}
+
+export function Providers({ children, dehydratedState }: ProvidersProps) {
+  return (
+    <QueryClientProvider client={queryClient}>
+      <HydrationBoundary state={dehydratedState}>{children}</HydrationBoundary>
+    </QueryClientProvider>
+  );
+}