From b42710a9720a8f8e387341e6475b07c7483d1e6e Mon Sep 17 00:00:00 2001
From: cv <34649812+cpvalente@users.noreply.github.com>
Date: Sun, 16 May 2021 22:26:03 +0200
Subject: [PATCH] hotfix: no loader

Lower third cannot have loader, dont seem to find a way to separe the fallback component for that one route.
Disable loaders for now, will need revision
---
 client/src/App.jsx | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/client/src/App.jsx b/client/src/App.jsx
index 1d009bcba..8ef8295f6 100644
--- a/client/src/App.jsx
+++ b/client/src/App.jsx
@@ -4,8 +4,6 @@ import './App.css';
 import { QueryClient, QueryClientProvider } from 'react-query';
 import SocketProvider from 'app/context/socketContext';
 import withSocket from 'features/viewers/ViewWrapper';
-import { ReactQueryDevtools } from 'react-query/devtools';
-import Empty from 'common/state/Empty';
 
 const Editor = lazy(() => import('features/editors/Editor'));
 const PresenterView = lazy(() =>
@@ -42,7 +40,7 @@ function App() {
     <SocketProvider>
       <QueryClientProvider client={queryClient}>
         <div className='App'>
-          <Suspense fallback={<Empty text='Loading' />}>
+          <Suspense fallback={null}>
             <Switch>
               <Route exact path='/' component={SSpeaker} />
               <Route exact path='/sm' component={SStageManager} />
@@ -50,12 +48,12 @@ function App() {
               <Route exact path='/speakersimple' component={SSpeakerSimple} />
               <Route exact path='/editor' component={Editor} />
               <Route exact path='/public' component={SPublic} />
-              <Route exact path='/lower' component={SLowerThird} />
               <Route exact path='/pip' component={SPip} />
+              {/* Lower cannot have fallback */}
+              <Route exact path='/lower' component={SLowerThird} />
               {/* Send to default if nothing found */}
               <Route component={SSpeaker} />
             </Switch>
-            <ReactQueryDevtools initialIsOpen={false} />
           </Suspense>
         </div>
       </QueryClientProvider>