victorAnumudu
47 lines
1.0 KiB
JavaScript
47 lines
1.0 KiB
JavaScript
import { useEffect } from 'react'
|
|
import { useLocation } from 'react-router-dom'
|
|
import { QueryClientProvider, QueryClient } from '@tanstack/react-query'
|
|
|
|
import SiteRoutes from './SiteRoutes';
|
|
import LogoutModal from './components/layouts/LogoutModal';
|
|
import { GeneralLayoutContext } from './context/GeneralLayoutContext';
|
|
|
|
import './App.css';
|
|
|
|
const queryClient = new QueryClient({
|
|
defaultOptions: {
|
|
queries: {
|
|
refetchOnWindowFocus: false,
|
|
retry: 3,
|
|
staleTime: 300000 //5 mins
|
|
// refetchOnMount: false,
|
|
// staleTime: Infinity // can also be a number in millisecond
|
|
},
|
|
},
|
|
})
|
|
|
|
function App() {
|
|
|
|
const {pathname} = useLocation()
|
|
|
|
const {logoutModal, setLogoutModal} = GeneralLayoutContext()
|
|
|
|
useEffect(()=>{
|
|
window.scrollTo(0,0)
|
|
},[pathname])
|
|
|
|
|
|
return (
|
|
<>
|
|
<QueryClientProvider client={queryClient}>
|
|
<SiteRoutes />
|
|
|
|
{/* LOGOUT MODAL */}
|
|
{logoutModal && <LogoutModal close={()=>setLogoutModal(false)} />}
|
|
</QueryClientProvider>
|
|
</>
|
|
);
|
|
}
|
|
|
|
export default App;
|