Property 'sessionClaims' does not exist on type 'Promise<Auth>'

[jens-zm]

Is it true that sessionClaims can no longer be accessed this way in the latest version of Clerk?

[namandoshi8]

Yes, its true. You can covert the middleware function to async to resolve the issue. And you will need to do this to all the places where sessionsClaim is to be used

Use the below code instead:

`
import { clerkMiddleware, createRouteMatcher } from "@clerk/nextjs/server";
import { routeAccessMap } from "./lib/settings";
import { NextResponse } from "next/server";

const matchers = Object.keys(routeAccessMap).map((route) => ({
matcher: createRouteMatcher([route]),
allowedRoles: routeAccessMap[route],
}));

console.log(matchers);

export default clerkMiddleware(async (auth, req) => {
// if (isProtectedRoute(req)) auth().protect()

const { sessionClaims } = await auth();

const role = (sessionClaims?.metadata as { role?: string })?.role;

for (const { matcher, allowedRoles } of matchers) {
if (matcher(req) && !allowedRoles.includes(role!)) {
return NextResponse.redirect(new URL(/${role}, req.url));
}
}
});

export const config = {
matcher: [
// Skip Next.js internals and all static files, unless found in search params
"/((?!_next|[^?]\.(?:html?|css|js(?!on)|jpe?g|webp|png|gif|svg|ttf|woff2?|ico|csv|docx?|xlsx?|zip|webmanifest)).)",
// Always run for API routes
"/(api|trpc)(.*)",
],
};
`

[khaledfaour21]

import { auth } from "@clerk/nextjs/server";

const { userId,sessionClaims } =await auth()
export const role = (sessionClaims?.metadata as {role?: string })?.role;
export const currentUserId = userId;

const currentWorkWeek = () => {
const today = new Date();
const dayOfWeek = today.getDay();
const startOfWeek = new Date(today);

if (dayOfWeek === 0) {
    startOfWeek.setDate(today.getDate())
}

if (dayOfWeek === 6) {
    startOfWeek.setDate(today.getDate() + 1);
} else {
    startOfWeek.setDate(today.getDate() - (dayOfWeek))
}

startOfWeek.setHours(0,0,0,0);

return startOfWeek ;
}

export const adjustScheduleToCurrentWeek = (lessons:{title:string;start:Date;end:Date}[]):{title:string;start:Date;end:Date}[]=>{
const startOfWeek = currentWorkWeek()
return lessons.map(lesson =>{
const lessonDayOfWeek = lesson.start.getDay();

    const daysFromSunday =lessonDayOfWeek ;

    const adjustedStartDate = new Date(startOfWeek);

    adjustedStartDate.setDate(startOfWeek.getDate() + daysFromSunday);
    adjustedStartDate.setHours(
        lesson.start.getHours(),
        lesson.start.getMinutes(),
        lesson.start.getSeconds()
    )
    
    const adjustedEndDate = new Date(adjustedStartDate);
    adjustedEndDate.setHours(
        lesson.end.getHours(),
        lesson.end.getMinutes(),
        lesson.end.getSeconds()
    )
    return{
        title: lesson.title,
        start: adjustedStartDate,
        end: adjustedEndDate,
    }

})

}

[navdeepdev459]

import { clerkMiddleware, createRouteMatcher } from "@clerk/nextjs/server";
import { NextResponse } from "next/server";
import { routeAccessMap } from "./lib/settings";

const matchers = Object.keys(routeAccessMap).map((route) => ({
matcher: createRouteMatcher([route]),
allowedRoles: routeAccessMap[route],
}));

export default clerkMiddleware(async (auth, req) => {
const { sessionClaims } = await auth();
const role = (sessionClaims?.metadata as { role?: string })?.role;

for (const { matcher, allowedRoles } of matchers) {
if (matcher(req) && role && !allowedRoles.includes(role)) {
return NextResponse.redirect(new URL(/${role}, req.url));
}
}

return NextResponse.next();
});

export const config = {
matcher: [
"/((?!_next|[^?]\.(?:html?|css|js(?!on)|jpe?g|webp|png|gif|svg|ttf|woff2?|ico|csv|docx?|xlsx?|zip|webmanifest)).)",
"/(api|trpc)(.*)",
],
};