import '@styles/globals.css' ; import React , { FC } from 'react' ; import { AppProps } from 'next/app' ; import { QueryClient , QueryClientProvider } from 'react-query' ; import { ReactQueryDevtools } from 'react-query/devtools' ; const queryClient = new QueryClient ( { defaultOptions : { queries : { staleTime : 5 * 1000 , } , } , } ) ; const MyApp = ( { Component , pageProps } ) => { return ( < QueryClientProvider client = { queryClient } > < ReactQueryDevtools initialIsOpen = { false } /> < Component { ... pageProps } /> < /QueryClientProvider>); } ; export default MyApp ;