im doing this without Database would still be possible?

where i find/add the next-auth.d.ts?

inside [...nextauth]?

oh yea of course. Just ignore my database stuff. You can also hard code it or set your values whereever you want. Focus on the red boxes. These are important

you add them inside your root dir (parent of app/) and then inside /types/next-auth.d.ts

Im using Discord OAuth for that if i copy the Session stuff its the same or should i check the code?

if you just copy it, it should be the same

Thanks for the help you saved my ache

sure thing. Please mark solution

wait another question before i mark

import { JWT, Session } from "../../../types/next-auth";

I should import like this? (its one of my first time having experience with TypeScript)

you used typescript before inside your project in the combination of next-auth? If not, don't use it, just because I used it...

Yes in the Auth is done entirly in TS and the Webpage is done TSX

import NextAuth, { Account, Profile } from "next-auth"
import Discord from "next-auth/providers/discord"
import axios from "axios";
import { JWT, Session } from "../../../types/next-auth";

export const { handlers, signIn, signOut, auth } = NextAuth({
  providers: [
    Discord({
      authorization: "https://discord.com/api/oauth2/authorize?scope=identify+email+guilds+guilds.members.read",
    }),
  ],
  callbacks: {
    async jwt({ token, account, profile}: {
        token: JWT;
        account: Account | null;
        profile?: Profile;
    }): Promise<JWT> {
      const Server = await axios.get('https://discord.com/api/users/@me/guilds/.../member', {
        headers: { Authorization: 'Bearer ' + account?.access_token }
      });

      token.roles = Server.data.roles;
      token.isStaff = Server.data.roles.includes("1135680139993301027");
    }
  },
})

i should import it like that (its not finished)

But they don't have any export so how can i access them?

ah ok 👍

I import them from:

import {Session} from "next-auth";
import {JWT} from "next-auth/jwt";

the automatically get applied to next-auth 🙂

i imported too Account, Profile

where does this error comes from?

From the promise

can you show a screenshot of your code. Like this: see attached. With the error

both gives of them give an error for JWT not returing something

oh yeae.... next-auth is a bit tricky in this point. The code that works for me (typescript) sometimes even works for one project for me. In the next project it's broken xD

Try to use this version: see attached. Maybe that works for you. Else play a bit around. Test a little. Read the errors, fix the errors, test the errors... wait, to test errors makes no sense... next-auth makes no sense... just test a little 🙂

that looks good! Try some of these and combine them a little bit

what version are you using?

probably my issue for the version? (im using latest beta19)

ohhh yea... beta isn't good. I am on "next-auth": "^4.24.7",

i hope nothing breaks

Same issue

now it doesn't work the Discord but i can really fix it its nothing to hard but the Promise issue remains

the same error as this one

https://stackoverflow.com/questions/52694418/error-type-is-not-a-valid-async-function-return-type-in-es5-es3-because-it-does

Fix for this is using this

async jwt({ token, account, profile}: {
        token: JWT;
        account: Account | null;
        profile?: Profile;
    }) : Promise<any> {
      const Server = await axios.get('https://discord.com/api/users/@me/guilds/1135680139972321311/member', {
        headers: { Authorization: 'Bearer ' + account?.access_token }
      });

      token.roles = Server.data.roles;
      token.isStaff = Server.data.roles.includes("1135680139993301027");
    }

Ok so i fixed most of the error, but a new one happened this one is about

account?.access_token that for the first time returns and for the other is undefined, and so i cannot make request to discord api and i get prompted with unauthorized because of the undefined

first time is correct
Second time is undefined
Thirs time is Undefined

this is a snippet of log

so inside the jwt callback it's defined and inside the session callback it's undefined?

nope inside JWT is defined and then becomes undefined

then becomes undefined

where does it become undefined?

async jwt({ token, account, profile }) {
        console.log(account?.access_token);
        const Server = await axios.get('https://discord.com/api/users/@me/guilds/.../member', {
            headers: { Authorization: 'Bearer ' + account?.access_token }
          });

        token.roles = Server.data.roles;
        token.isStaff = Server.data.roles.includes("1135680139993301027");
    },

This console.log() return first the code correctly and then undefined axios returns then "Request failed with status code 401"

wait, what? 😮
can you try something like this:

const bearer = 'Bearer ' + account?.access_token;
console.log(bearer);
const Server = ... { Authorization: bearer }

Bearer Works
Bearer undefined
Bearer undefined

and the error is written 2 times

ah omg.. I forgot. You get the account only while logging in iirc. So check if you have account like I was doing here: https://nextjs-forum.com/post/1251068677156110366#message-1251072790883467325
And if account exists, set the defaults to the user. Like roles and isStaff and maybe even more later

      if(account) {
            const bearer = 'Bearer ' + account?.access_token;
            console.log(bearer);
            const Server = await axios.get('https://discord.com/api/users/@me/guilds/1135680139972321311/member', {
                headers: { Authorization: bearer }
              });
    
            token.roles = Server.data.roles;
            token.isStaff = Server.data.roles.includes("1135680139993301027");
        }
        return token;

Like this?

ok works

yes 👍

nice. You done a good job 👏

Hey, I tried to use the react-bootstrap component for the coursel slider import 'bootstrap/dist/css/bootstrap.min.css'; started creating some lines on my navigation bar

import AboutComponent from "@/components/AboutComponent";
import CatalogSwiperSection from "@/components/CatalogSwiperSection";
import CatalogueSection from "@/components/CatalogueSection";
import CompanySection from "@/components/CompanySection";
import ContactSection from "@/components/ContactSection";
import HeroSection from "@/components/HeroSection";
import SliderSection from "@/components/SliderSection";
import 'bootstrap/dist/css/bootstrap.min.css';

@B33fb0n3 hello

you might want to open your own thread in #help-forum

How do I open my thread?

click on the link that I linked and press on new thread

I didn't receive the link