ConvoyPanel/resources/scripts/components/App.tsx
2022-10-28 01:22:13 +00:00

30 lines
727 B
TypeScript

import { store } from '@/state'
import { StoreProvider } from 'easy-peasy'
import { createEmotionCache, MantineProvider } from '@mantine/core'
import { createBrowserRouter, RouterProvider } from 'react-router-dom'
import ProgressBar from '@/components/elements/navigation/ProgressBar'
const emotionCache = createEmotionCache({
key: 'mantine',
prepend: false,
})
const router = createBrowserRouter([
{
path: '/',
element: <div>Hello world!</div>,
},
])
const App = () => {
return (
<StoreProvider store={store}>
<MantineProvider emotionCache={emotionCache}>
<ProgressBar />
<RouterProvider router={router} />
</MantineProvider>
</StoreProvider>
)
}
export default App