I am trying to add Sign in with google option in nextjs using next-auth, here is my [...nextauth].js file which is in api/auth folder: import NextAuth from "next-auth"; import GoogleProvider from "next-auth/providers/google"; export default NextAuth({ providers: [ GoogleProvider({ clientId: process.env.GOOGLE_ID,…
Stack Backend: django (dj_rest_auth for authentication) Frontend: nextjs (next-auth for authentication, environment variables are set correctly.) OS: Debian 12 - bookworm Dependencies: redis, memcached, rabbitmq running inside LXD - Ubuntu 22.04 container Summary i have a nextjs(13+)+django(4.2+) application up and…
I am trying to authenticate using next-auth v4 inside nextjs13. My aim is to store the user's email, name, image and Id from the auth provider (Google) into a MongoDB database. However, I keep getting error saying "OAuthAccountNotLinked". The URL…
import Link from "next/link"; import React from "react"; const Navbar = () => { return ( <div> <ul className="flex m-10 gap-10"> <Link href="/"> <li>Home</li> </Link> <Link href="/signin"> <li>SignIn</li> </Link> <Link href="/signup"> <li>SignUp</li> </Link> <Link href="/profile"> <li>Profile</li> </Link> </ul> </div> );…
I am using email, password and username to register user and storing in mongodb. I want to use next Auth to store sessions at time of registration also. I want to redirect user in same way at registration in same…
I am having an issue with my auth flow, and hoping someone with keen eye might help me resolve the issue. The error I am getting is [next-auth][error][JWT_SESSION_ERROR] https://next-auth.js.org/errors#jwt_session_error Cannot read properties of undefined (reading 'jwt'), and have since reviewed…
Please help me fix this error: When I run the application in nextjs I am getting this message "Error: React Context is unavailable in Server Components" import { useSession } from "next-auth/react"; import prisma from "@/lib/prisma"; import { ChatbotClient }…
I am trying to do a custom page for sign in with google using NextAuth and firebase, and this is what happend. api/auth/[...nextauth]/route.js 👇 import NextAuth from "next-auth/next" import GoogleProvider from "next-auth/providers/google" export const authOptions = { providers: [ GoogleProvider(…
I keep getting this error. Tried for a few hours now and had no luck, I got a feeling that it's the placement of the _app.tsx that's messing the project up. [next-auth]: `useSession` must be wrapped in a <SessionProvider />…
I have been looking at implementing NextAuth with username and password credentials and I am not finding a way to return custom errors to the client side. It seems that I can only return a 200 ok or a redirection…