import Layout from '@/components/layouts'
import Theme from '@/components/template/Theme'
import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
import { StoreProvider } from 'easy-peasy'
import { BrowserRouter } from 'react-router-dom'
import history from './history'
import './locales'
import { store } from './store'

const queryClient = new QueryClient()

function App() {
  return (
    <StoreProvider store={store}>
      <BrowserRouter history={history}>
        <QueryClientProvider client={queryClient}>
          <Theme>
            <Layout />
          </Theme>
        </QueryClientProvider>
      </BrowserRouter>
    </StoreProvider>
  )
}

export default App