import '@styles/globals.css' import type { AppProps as NextAppProps } from "next/app"; import 'react-loading-skeleton/dist/skeleton.css' import { SkeletonTheme } from 'react-loading-skeleton'; import Head from 'next/head'; import useTheme from '@lib/hooks/use-theme'; import { CssBaseline, GeistProvider } from '@geist-ui/core'; import nprogress from 'nprogress' import debounce from 'lodash.debounce' import Router from 'next/router'; // Only show nprogress after 500ms (slow loading) const start = debounce(nprogress.start, 500) Router.events.on('routeChangeStart', start) Router.events.on('routeChangeComplete', () => { start.cancel() nprogress.done() window.scrollTo(0, 0) }) Router.events.on('routeChangeError', () => { start.cancel() nprogress.done() }) type AppProps

= { pageProps: P; } & Omit, "pageProps">; function MyApp({ Component, pageProps }: AppProps) { const { theme } = useTheme() const skeletonBaseColor = 'var(--light-gray)' const skeletonHighlightColor = 'var(--lighter-gray)' return ( <> Drift ) } export default MyApp