Next.js Discord

Discord Forum

pageProps type

Unanswered
Houss posted this in #help-forum
Open in Discord
HoussOP
import type { Metadata } from "next";
import { Inter } from "next/font/google";
import "./globals.css";
import { SessionProvider } from "next-auth/react";

const inter = Inter({ subsets: ["latin"] });

export const metadata: Metadata = {
  title: "Discord NextAuth Template",
};

export default function RootLayout({
  children,
  pageProps: {session }
}: Readonly<{
  children: React.ReactNode;
  pageProps: ?
}>) {
  return (
    <html lang="en">
      <SessionProvider session={session}>
        <body className={inter.className}>{children}</body>
      </SessionProvider>
    </html>
  );
}


what do i put as the type of pageProps?

1 Reply

Nelson
You can use SessionProvider like this (no need to include a session). And you need to use it in a client component:

'use client';

import { SessionProvider } from 'next-auth/react';

type Props = {
    children: React.ReactNode;
};

export default function Providers({ children }: Props) {
    return <SessionProvider>{children}</SessionProvider>;
}