prisma-home-challenge/pages/_app.tsx

import type { AppProps } from "next/app";
import PrivatePage from "../components/PrivatePage";
import UserContextProvider from "../context/UserContext";

import "../styles/globals.css";

function MyApp({ Component, pageProps }: AppProps) {
  const protectedRoutes = ["/settings"];
  return (
    <UserContextProvider>
      <PrivatePage protectedRoutes={protectedRoutes}>
        <Component {...pageProps} />
      </PrivatePage>
    </UserContextProvider>
  );
}

export default MyApp;