safak / full-stack-restaurant Goto Github PK

Am at the authentication section of this project and i keep getting this error in my terminal when i click on the google icon on my login page and sign in using the google provider see the below ==>
t\node_modules\next\dist\compiled\next-server\app-route.runtime.dev.js:6:62499 { name: 'OAuthCallbackError', code: undefined }, providerId: 'google', message: 'JWT expired, now 1701298256, exp 1701269254' }
below is my auth.ts file in my utils folder ==>
`import {NextAuthOptions} from "next-auth";
import GoogleProvider from "next-auth/providers/google";

export const authOptions:NextAuthOptions = {
providers: [
GoogleProvider({
clientId: process.env.GOOGLE_CLIENT_ID!,
clientSecret: process.env.GOOGLE_CLIENT_SECRET!,
}),
],
secret: process.env.NEXTAUTH_SECRET,
}
`

and below is my route file inside the [...nextauth] directory
`
import { authOptions } from "@/utils/auth";
import NextAuth from "next-auth/next";

const handler = NextAuth(authOptions)

export {handler as GET, handler as POST}
`

and below is my env file ==>
NEXTAUTH_URL =http://localhost:3000 NEXTAUTH_URL_INTERNAL =http://localhost:3000 DATABASE_URL="postgresql://postgres:emmy1599@localhost:5432/postgres?schema=public" NEXTAUTH_SECRET="password" GOOGLE_CLIENT_ID=531374619769-b2cn7vaj4btu1n4knklurd3ksj1iouqf.apps.googleusercontent.com GOOGLE_CLIENT_SECRET=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

The orders page and the orders table in db gets updated, but I don't get redirected to the success page.

Error handling response: Error: Blocked a frame with origin "" from accessing a cross-origin frame.
at tryShowingMateBar (eval at success (), :5428:57)

Report Only] Refused to frame '<URL>' because it violates the following Content Security Policy directive: "frame-src https:".

HI, I downloaded your project and when I try to login, the database create login, account, but don't create the session. How can I solve this? @safak