From dcd818085f82b20fa6a5668464fd37e843490211 Mon Sep 17 00:00:00 2001
From: cv <34649812+cpvalente@users.noreply.github.com>
Date: Sat, 10 Apr 2021 11:28:02 +0200
Subject: [PATCH] refract: rename for clarity

---
 client/src/App.js  | 24 ------------------------
 client/src/App.jsx | 29 +++++++++++++++++++++++++++++
 2 files changed, 29 insertions(+), 24 deletions(-)
 delete mode 100644 client/src/App.js
 create mode 100644 client/src/App.jsx

diff --git a/client/src/App.js b/client/src/App.js
deleted file mode 100644
index 3d780f0c3..000000000
--- a/client/src/App.js
+++ /dev/null
@@ -1,24 +0,0 @@
-import { Route } from 'react-router';
-import './App.css';
-import { EventProvider } from './app/context/eventContext';
-import { EventListProvider } from './app/context/eventListContext';
-import { PresenterMessageProvider } from './app/context/presenterMessageContext';
-import Editor from './features/editors/Editor';
-import DefaultPresenter from './features/viewers/DefaultPresenter';
-
-function App() {
-  return (
-    <PresenterMessageProvider>
-      <EventProvider>
-        <div className='App'>
-          <Route path='/' exact component={DefaultPresenter} />
-          <EventListProvider>
-            <Route path='/editor' exact component={Editor} />
-          </EventListProvider>
-        </div>
-      </EventProvider>
-    </PresenterMessageProvider>
-  );
-}
-
-export default App;
diff --git a/client/src/App.jsx b/client/src/App.jsx
new file mode 100644
index 000000000..b45dc7151
--- /dev/null
+++ b/client/src/App.jsx
@@ -0,0 +1,29 @@
+import { Route } from 'react-router';
+import './App.css';
+import { EventProvider } from './app/context/eventContext';
+import { EventListProvider } from './app/context/eventListContext';
+import { PresenterMessageProvider } from './app/context/presenterMessageContext';
+import Editor from './features/editors/Editor';
+import DefaultPresenter from './features/viewers/DefaultPresenter';
+import { QueryClient, QueryClientProvider } from 'react-query';
+
+const queryClient = new QueryClient();
+
+function App() {
+  return (
+    <QueryClientProvider client={queryClient}>
+      <PresenterMessageProvider>
+        <EventProvider>
+          <div className='App'>
+            <Route path='/' exact component={DefaultPresenter} />
+            <EventListProvider>
+              <Route path='/editor' exact component={Editor} />
+            </EventListProvider>
+          </div>
+        </EventProvider>
+      </PresenterMessageProvider>
+    </QueryClientProvider>
+  );
+}
+
+export default App;