import logo from './logo.svg';
import './App.css';
import Header from './components/Header';
import React from 'react';
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
import { Container } from '@mui/material';
import { BrowserRouter as Router, Routes, Route, BrowserRouter} from 'react-router-dom'
import Dashboard from 'components/Dashboard';


function App() {
  const queryClient = new QueryClient();
  return (
    <QueryClientProvider client={queryClient}>
    {/* <Container maxWidth="lg" > */}
      <div className="App">
      <BrowserRouter>
        <Header/>
        {/* <Home/> */}
        <Routes>
          <Route path='/home' element={<Dashboard/>} />
        </Routes>
      </BrowserRouter>
      </div>
    {/* </Container> */}
  </QueryClientProvider>
  );
}

export default App;