From bceb3bc8a6832f8c220803efcc2d45a227668630 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Chif=20Gerg=C5=91?= <chifgeri97@gmail.com>
Date: Sun, 13 Jun 2021 17:22:05 +0200
Subject: [PATCH] Add query client to App.ts

---
 src/App.tsx | 23 ++++++++++++++---------
 1 file changed, 14 insertions(+), 9 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 85d6d60..a1a599f 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import { QueryClient, QueryClientProvider } from 'react-query';
 import { BrowserRouter as Router } from 'react-router-dom';
 import { ClientContextProvider } from './context';
 import ThemeProvider from './context/ThemeProvider';
@@ -6,17 +7,21 @@ import { UserStateProvider } from './context/UserContext';
 import Routes from './Routes';
 import darkTheme from './styles/darkTheme';
 
+const queryClient = new QueryClient();
+
 function App(): React.ReactElement {
   return (
-    <ClientContextProvider>
-      <UserStateProvider>
-        <ThemeProvider theme={darkTheme}>
-          <Router>
-            <Routes />
-          </Router>
-        </ThemeProvider>
-      </UserStateProvider>
-    </ClientContextProvider>
+    <QueryClientProvider client={queryClient}>
+      <ClientContextProvider>
+        <UserStateProvider>
+          <ThemeProvider theme={darkTheme}>
+            <Router>
+              <Routes />
+            </Router>
+          </ThemeProvider>
+        </UserStateProvider>
+      </ClientContextProvider>
+    </QueryClientProvider>
   );
 }
 
-- 
GitLab