Next.js Discord

Discord Forum

Nextjs 14 Next-auth SessionProvider

Answered
Yellowstripe scad posted this in #help-forum
Open in Discord
Yellowstripe scadOP
where do I put the sessionProvider and how do I set it up?

i'm getting this error:
Error: [next-auth]: `useSession` must be wrapped in a <SessionProvider />
Answered by Chilean jack mackerel
create NextAuthProvider.tsx file like this:
"use client";

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

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

export const NextAuthProvider = ({ children }: Props) => {
    return (
        <SessionProvider>
            {children}
        </SessionProvider>
    )
};

and wrap children content in layout file with it.
View full answer

2 Replies

Chilean jack mackerel
create NextAuthProvider.tsx file like this:
"use client";

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

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

export const NextAuthProvider = ({ children }: Props) => {
    return (
        <SessionProvider>
            {children}
        </SessionProvider>
    )
};

and wrap children content in layout file with it.
Answer