Problem with JWT verification in Next.js and Spring Boot - spring-boot

Question

I am trying to make protected routes in Next.js using middleware:
import { type NextRequest, NextResponse } from 'next/server';
import { verifyAuth } from '#helpers/auth/verifyJWT';
export const config = {
matcher: ['/dash', '/auth/:path*'],
};
export async function middleware(req: NextRequest) {
const verifiedToken = await verifyAuth(req).catch((err) => {
console.error(err.message);
});
if (!verifiedToken) {
if (req.nextUrl.pathname.startsWith('/dash')) {
return NextResponse.redirect(new URL('/auth/login', req.url));
} else {
return NextResponse.next();
}
} else {
if (req.nextUrl.pathname.startsWith('/auth')) {
return NextResponse.redirect(new URL('/dash', req.url));
} else {
return NextResponse.next();
}
}
}
Here is verifyAuth method:
import type { NextRequest } from 'next/server';
import { jwtVerify } from 'jose';
import { USER_TOKEN, getJwtSecretKey } from '../constatns';
interface UserJwtPayload {
jti: string;
iat: number;
}
export class AuthError extends Error {}
export async function verifyAuth(req: NextRequest) {
const token = req.cookies.get(USER_TOKEN)?.value;
if (!token) throw new AuthError('Missing user token ');
try {
const verified = await jwtVerify(
token,
new TextEncoder().encode(getJwtSecretKey()),
);
return verified.payload as UserJwtPayload;
} catch (err) {
throw new AuthError('Your token has expired.');
}
}
Problem is that I always get the message: Token is expired.
I am using Spring Boot for backend part, here is my SpringSecurity part for signing token:
public String generateToken(
Map<String, Object> extraClaims,
UserDetails userDetails
) {
return Jwts
.builder()
.setClaims(extraClaims)
.setSubject(userDetails.getUsername())
.setIssuedAt(new Date(System.currentTimeMillis()))
.setExpiration(new Date(System.currentTimeMillis() + 1000 * 60 * 24))
.signWith(getSignInKey(), SignatureAlgorithm.HS256)
.compact();
}
private Key getSignInKey() {
byte[] keyBytes = Decoders.BASE64.decode(SECRET_KEY);
return Keys.hmacShaKeyFor(keyBytes);
}
So I tried many libraries to code/encode my secret key in the Nextjs app but same error.
I am not sure how to do it.
Is there any other solution?