import { ThemeProvider as NextThemeProvider } from 'next-themes' ; import { AppProps } from 'next/app' ; import { FC } from 'react' ; import { ThemeProvider } from '~/providers/theme' ; import '~/styles/globals.css' ; const App = ( { Component , pageProps } ) => { return ( < NextThemeProvider attribute = { 'class' } > < ThemeProvider > < Component { ... pageProps } / > < /ThemeProvider> < /NextThemeProvider>); } ; export default App ;