import type { AppProps, NextWebVitalsMetric } from 'next/app'; import Script from 'next/script'; import Head from 'next/head'; import { ChakraProvider } from '@chakra-ui/react'; import Layout from '@/components/Layout'; import { theme } from '@/constants/theme'; import { QueryClient, QueryClientProvider } from '@tanstack/react-query'; import NProgress from 'nprogress'; //nprogress module import Router from 'next/router'; import 'nprogress/nprogress.css'; import '../styles/reset.scss'; //Binding events. Router.events.on('routeChangeStart', () => NProgress.start()); Router.events.on('routeChangeComplete', () => NProgress.done()); Router.events.on('routeChangeError', () => NProgress.done()); export default function App({ Component, pageProps }: AppProps) { // Create a client const queryClient = new QueryClient({ defaultOptions: { queries: { refetchOnWindowFocus: false, retry: false, cacheTime: 0 } } }); return ( <>