Better Auth with T3 Stack and Middleware not working

import { NextRequest, NextResponse } from "next/server";
import { getSessionCookie } from "better-auth/cookies";
 
export async function middleware(request: NextRequest) {
    const sessionCookie = getSessionCookie(request);
 
    if (!sessionCookie) {
        return NextResponse.redirect(new URL("/", request.url));
    }
 
    return NextResponse.next();
}
 
export const config = {
    matcher: ["/dashboard/:path*"], 
};`

    getAll: protectedProcedure.query(async ({ ctx }) => {
        return ctx.db.query.story.findMany({
            where: (s, { eq }) => eq(s.userId, ctx.session.user.id),
            orderBy: (s, { desc }) => [desc(s.createdAt)],
            with: {
                child: true,
            },
        });
    }),

    getAll: protectedProcedure.query(async ({ ctx }) => {
        return ctx.db.query.story.findMany({
            where: (s, { eq }) => eq(s.userId, ctx.session.user.id),
            orderBy: (s, { desc }) => [desc(s.createdAt)],
            with: {
                child: true,
            },
        });
    }),

import { createAuthClient } from "better-auth/react"

export const authClient = createAuthClient({
    baseURL: "http://localhost:3000"
})

export const { signIn, signUp, useSession, signOut } = authClient;

export default function DashboardPage() {
  const { data: stories, isLoading, error } = api.story.getAll.useQuery();
  const { filteredStories, counts } = useStoryFilters({
    stories: stories ?? [],
    searchQuery,
    activeFilter,
  });

  return (
...
)

    "next": "^15.2.3",