NextAuth Provider

_app.js

import { NavBar } from '../components/NavBar'
import { SessionProvider } from "next-auth/react"
import '../styles/globals.css'

function MyApp({ Component, pageProps }) {
  return (
    <SessionProvider session={pageProps?.session}>
      <NavBar />
      <Component {...pageProps} />
    </SessionProvider>
  )
}

export default MyApp