a component to provide react query client to all its children

src/components/providers_wrappers/ProvideQueryClient.tsx

+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+
+const ProvideQueryClient = ({ children }: { children: React.ReactNode }) => {
+	const queryClient = new QueryClient();
+	return <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>;
+};
+
+export default ProvideQueryClient;