App.jsx
26 lines
| 1 | import React from 'react'; |
| 2 | import { ChakraProvider, Stack } from '@chakra-ui/react'; |
| 3 | import { QueryClient, QueryClientProvider } from '@tanstack/react-query'; |
| 4 | import Theme from '../dashboard/Theme/Theme'; |
| 5 | import UserRoleTable from './components/UserRoleTable'; |
| 6 | |
| 7 | const queryClient = new QueryClient(); |
| 8 | |
| 9 | const App = () => { |
| 10 | return ( |
| 11 | <ChakraProvider theme={Theme}> |
| 12 | <QueryClientProvider client={queryClient}> |
| 13 | <Stack |
| 14 | direction="column" |
| 15 | gap="16px" |
| 16 | bg="white" |
| 17 | > |
| 18 | <UserRoleTable /> |
| 19 | </Stack> |
| 20 | </QueryClientProvider> |
| 21 | </ChakraProvider> |
| 22 | ); |
| 23 | }; |
| 24 | |
| 25 | export default App; |
| 26 |