import React from 'react' ; import type { AppProps } from 'next/app' ; import { ChakraProvider } from '@chakra-ui/react' ; import { QueryClient , QueryClientProvider } from 'react-query' ; const queryClient = new QueryClient ( ) ; const App = ( { Component , pageProps } ) => { return ( < QueryClientProvider client = { queryClient } > < ChakraProvider resetCSS > < Component { ... pageProps } / > < /ChakraProvider> < /QueryClientProvider>); } ; export default App ;