Type error in Next Auth provider

Answered

Black Scoter posted this in #help-forum

Black ScoterOP

2023-09-19T10:22:18.000Z

Hi guys,
i was trying to build my project but i get this error:

Answered by Gouty oak gall

Your environment variables could be undefined, so TypeScript is complaining.
Change:
- process.env.DISCORD_ CLIENT_ID to process.env.DISCORD_ CLIENT_ID as string
- process.env.DISCORD_CLIENT_SECRET to process.env.DISCORD_CLIENT_SECRET as string

Also check out: https://env.t3.gg/docs/nextjs

View full answer

13 Replies

Black ScoterOP

2023-09-19T10:22:42.000Z

thats my types file

Gouty oak gall

2023-09-19T13:18:29.000Z

Answer

Black ScoterOP

2023-09-19T13:26:19.000Z

thanks

@Gouty oak gall Your environment variables could be undefined, so TypeScript is complaining. Change: - `process.env.DISCORD_ CLIENT_ID` to `process.env.DISCORD_ CLIENT_ID as string` - `process.env.DISCORD_CLIENT_SECRET` to `process.env.DISCORD_CLIENT_SECRET as string` Also check out: https://env.t3.gg/docs/nextjs

Black ScoterOP

2023-09-19T13:30:03.000Z

and for the callbackurl?

Argument of type '{ clientId: string; clientSecret: string; callbackUrl: string | undefined; token: string; userinfo: string; authorization: { params: { scope: string; }; }; }' is not assignable to parameter of type 'OAuthUserConfig<any>'.
Object literal may only specify known properties, and 'callbackUrl' does not exist in type 'OAuthUserConfig<any>'.ts(2345)

riský

2023-09-19T13:30:49.000Z

you can also just add ! to the end

process.env.DISCORD_CLIENT_ID!
process.env.DISCORD_CLIENT_SECRET! process.env.DISCORD_CLIENT_SECRET!

@Black Scoter and for the callbackurl?

riský

2023-09-19T13:31:11.000Z

but do the same thing that you did for the other 2 for this one

@riský but do the same thing that you did for the other 2 for this one

Black ScoterOP

2023-09-19T13:31:53.000Z

i've tried but i still get the same error:
Type error: Argument of type '{ clientId: string; clientSecret: string; callbackUrl: string; token: string; userinfo: string; authorization: { params: { scope: string; }; }; }' is not assignable to parameter of type 'OAuthUserConfig<any>'.
Object literal may only specify known properties, and 'callbackUrl' does not exist in type 'OAuthUserConfig<any>'.

riský

2023-09-19T13:32:27.000Z

ahh callbackurl isn't an option...

Black ScoterOP

2023-09-19T13:32:41.000Z

oh lol, sorry

riský

2023-09-19T13:33:10.000Z

yeah because the callback is done automatically by nextauth

and have you added the callback of the folowing to your discord redirects section for the app:
http://localhost:3000/api/auth/callback/discord (and change the domain for your actual domains too)

@riský and have you added the callback of the folowing to your discord redirects section for the app: `http://localhost:3000/api/auth/callback/discord` (and change the domain for your actual domains too)

Black ScoterOP

2023-09-19T18:25:43.000Z

yeah