Theo's Typesafe Cult•2y ago

trying to add role based authentication

I added a role parameter to my User schema, but it's still not catching it. Any one know why this may be?

35 Replies

'tonyyprints'OP•2y ago

barry•2y ago

https://next-auth.js.org/getting-started/typescript#extend-default-interface-properties

TypeScript | NextAuth.js

NextAuth.js has its own type definitions to use in your TypeScript projects safely. Even if you don't use TypeScript, IDEs like VSCode will pick this up to provide you with a better developer experience. While you are typing, you will get suggestions about what certain objects/functions look like, and sometimes links to documentation, examples, ...

'tonyyprints'OP•2y ago

'tonyyprints'OP•2y ago

I changed thta but still get these errors

'tonyyprints'OP•2y ago

barry•2y ago

reload ts server

'tonyyprints'OP•2y ago

'tonyyprints'OP•2y ago

I did 😭 lemme restart my ide yea the issue still stands

barry•2y ago

what if you console log session and see what it includes for you

'tonyyprints'OP•2y ago

sure

'tonyyprints'OP•2y ago

'tonyyprints'OP•2y ago

it's printing out role but giving it null

barry•2y ago

do you have a role?

'tonyyprints'OP•2y ago

'tonyyprints'OP•2y ago

yikes does this not work lol

barry•2y ago

you did db push?

'tonyyprints'OP•2y ago

yea I did

barry•2y ago

https://tenor.com/view/hella-sus-among-us-imposter-impostor-digibyte-gif-19824591

Tenor

'tonyyprints'OP•2y ago

'tonyyprints'OP•2y ago

just did it again lemme try again lol yea it's still being funny I don't think I can do the default thing like that

barry•2y ago

give me a minute ima try doing role stuff myself

'tonyyprints'OP•2y ago

I think I found the issue trying my solution rn nvm didin't work smh

'tonyyprints'OP•2y ago

'tonyyprints'OP•2y ago

barry•2y ago

works for me lol

// src/types/next-auth.d.ts
import { type DefaultSession, type DefaultUser } from "next-auth";

declare module "next-auth" {
    /**
     * Returned by `useSession`, `getSession` and received as a prop on the `SessionProvider` React Context
     */
    interface Session {
        user?: {
            id: string;
            role: string;
        } & DefaultSession["user"];
    }

    interface User extends DefaultUser {
        role: string;
    }
}

// src/types/next-auth.d.ts
import { type DefaultSession, type DefaultUser } from "next-auth";

declare module "next-auth" {
    /**
     * Returned by `useSession`, `getSession` and received as a prop on the `SessionProvider` React Context
     */
    interface Session {
        user?: {
            id: string;
            role: string;
        } & DefaultSession["user"];
    }

    interface User extends DefaultUser {
        role: string;
    }
}

// src/pages/api/[...next-auth].ts
import NextAuth, { type NextAuthOptions } from "next-auth";
import DiscordProvider from "next-auth/providers/discord";
import { PrismaAdapter } from "@next-auth/prisma-adapter";

import { env } from "../../../env/server.mjs";
import { prisma } from "../../../server/db";

export const authOptions: NextAuthOptions = {
    callbacks: {
        session({ session, user }) {
            if (session.user) {
                session.user.id = user.id;
                session.user.role = user.role;
            }

            return session;
        },
    },
    adapter: PrismaAdapter(prisma),
    providers: [
        DiscordProvider({
            clientId: env.DISCORD_CLIENT_ID,
            clientSecret: env.DISCORD_CLIENT_SECRET,
        }),
    ],
};

export default NextAuth(authOptions);

// src/pages/api/[...next-auth].ts
import NextAuth, { type NextAuthOptions } from "next-auth";
import DiscordProvider from "next-auth/providers/discord";
import { PrismaAdapter } from "@next-auth/prisma-adapter";

import { env } from "../../../env/server.mjs";
import { prisma } from "../../../server/db";

export const authOptions: NextAuthOptions = {
    callbacks: {
        session({ session, user }) {
            if (session.user) {
                session.user.id = user.id;
                session.user.role = user.role;
            }

            return session;
        },
    },
    adapter: PrismaAdapter(prisma),
    providers: [
        DiscordProvider({
            clientId: env.DISCORD_CLIENT_ID,
            clientSecret: env.DISCORD_CLIENT_SECRET,
        }),
    ],
};

export default NextAuth(authOptions);