How to show different page based on user role without changing url (can't use middleware rewrite bcz of next-auth db strategy)?

[homocodian]

Any altarnative?

import React from "react";
import { notFound, redirect } from "next/navigation";

import { getCurrentUser } from "@/lib/session";

import { AdminDashboardPage } from "./_admin/page";
import { StudentDashboardPage } from "./_student/page";

async function DashboardPage() {
  const user = await getCurrentUser();

  if (!user) {
    redirect(`/login?from=${encodeURIComponent("/dashboard")}`);
  }

  if (user && user.role === "admin") {
    return <AdminDashboardPage user={user} />;
  }

  if (user && user.role === "student") {
    return <StudentDashboardPage user={user} />;
  }

  notFound();
}

export default DashboardPage;

[bfourgeaud]

You could use parallel routes