vahid-nejad / next-auth-fullstack

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

http://localhost:3000/api/hello is an endpoint that uses Route Handlers. This endpoint can be edited in app/api/hello/route.ts.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

next-auth-fullstack's Issues

Cannot read properties Undefined (reading "User")

Hey Guys,

I am trying to use this tutorial in my own project but I have a problem while trying to create the model. It tells me that :
TypeError: Cannot read properties of undefined (reading 'User').

There is only one component that I have changed otherwise, nextJS the framework I am using won't let it be.

So I have changed the register Page to be :
import { useEffect } from "react"; // Import useEffect
import { getServerSession } from "next-auth";
import { useRouter } from "next/router"; // Import useRouter
import { authOptions } from "../../../app/api/auth/[...nextauth]/route";
import RegisterForm from "../AuthForm/RegisterForm";

export default function Register() {
const router = useRouter(); // Initialize useRouter

useEffect(() => {
async function checkSession() {
try {
const session = await getServerSession(authOptions);

    if (session) {
      router.replace("/dashboard/Profile"); // Redirect if session exists
    }
  } catch (error) {
    console.error("Error checking session:", error);
  }
}

checkSession(); // Call the async function

}, [router]); // Make sure to include router in the dependency array

return ;
}

instead of : import RegisterForm from "@/components/RegisterForm";
import { getServerSession } from "next-auth";
import { redirect } from "next/navigation";
import { authOptions } from "../api/auth/[...nextauth]/route";

export default async function Register() {
const session = await getServerSession(authOptions);

if (session) redirect("/dashboard");

return ;
}

otherwise it tells me that : Error: Objects are not valid as a React child (found: [object Promise]). If you meant to render a collection of children, use an array instead.

Can anyone help me on this ?

Thanks a lot !