Today I bring you this _app.tsx file by default in case your Next.js project doesn’t create it.

This _app.tsx file is the top-level component in Next.js. All page components are rendered through this file, making it useful for global configurations.
You should place this file inside pages/_app.tsx
import { AppProps } from 'next/app' import '../styles/globals.css' function MyApp({ Component, pageProps }: AppProps) { return <Component {...pageProps} /> } export default MyApp
