imperial · zaki-amin · Aug 26, 2026 · Aug 26, 2026
diff --git a/app/auth/login/page.tsx b/app/auth/login/page.tsx
@@ -1,19 +1,17 @@
 import { signIn } from "@/auth"
 import Link from "@/components/Link"
+import ThemedLogo from "@/components/ThemedLogoClient"
 
 import styles from "./page.module.scss"
 
-import { Button, Flex, Separator, Text } from "@radix-ui/themes"
-import { Heading } from "@react-email/components"
+import { Button, Flex, Heading, Separator, Text } from "@radix-ui/themes"
 import { AuthError } from "next-auth"
-import dynamic from "next/dynamic"
 import { redirect } from "next/navigation"
 import React from "react"
 import { BsBoxArrowRight } from "react-icons/bs"
 
-const ThemedLogo = dynamic(() => import("@/components/ThemedLogo"), { ssr: false })
-
-const LoginPage = async ({ searchParams }: { searchParams?: { callbackUrl?: string } }) => {
+const LoginPage = async (props: { searchParams?: Promise<{ callbackUrl?: string }> }) => {
+  const searchParams = await props.searchParams
   const signInEntraID = async () => {
     "use server"
     try {

diff --git a/app/companies/[slug]/page.tsx b/app/companies/[slug]/page.tsx
@@ -40,7 +40,8 @@ const CompanyDetail = ({ title, children }: { title: string; children: React.Rea
   }
 }
 
-const CompanyPage = async ({ params }: { params: { slug: string } }) => {
+const CompanyPage = async (props: { params: Promise<{ slug: string }> }) => {
+  const params = await props.params
   const session = await auth()
   const companyProfile = await prisma.companyProfile.findFirst({
     where: {

diff --git a/app/events/[id]/page.tsx b/app/events/[id]/page.tsx
@@ -19,7 +19,8 @@ import { notFound } from "next/navigation"
 import React from "react"
 import { BsBoxArrowUpRight, BsFileRichtext, BsPinMap } from "react-icons/bs"
 
-const EventPage = async ({ params }: { params: { id: string } }) => {
+const EventPage = async (props: { params: Promise<{ id: string }> }) => {
+  const params = await props.params
   const session = await auth()
   const id = parseInt(params.id, 10)
 

diff --git a/app/layout.tsx b/app/layout.tsx
@@ -12,7 +12,6 @@ import "@radix-ui/themes/utilities.css"
 import { Metadata, Viewport } from "next"
 import { ThemeProvider } from "next-themes"
 import { Inter } from "next/font/google"
-import Head from "next/head"
 import { ReactNode } from "react"
 
 // Next object for information in the HTML head
@@ -46,6 +45,13 @@ export const metadata: Metadata = {
         type: "image/png",
       },
     ],
+    other: [
+      {
+        rel: "mask-icon",
+        url: "/safari-pinned-tab.svg",
+        color: "#0000cd",
+      },
+    ],
   },
 
   // rich previews
@@ -83,11 +89,11 @@ const RootLayout = ({
 }: Readonly<{
   children: ReactNode
 }>) => {
+  // suppressHydrationWarning: next-themes sets `class` and `style` on <html> from a blocking
+  // script before hydration, so the server markup intentionally differs from the client's.
+  // See https://github.com/pacocoursey/next-themes#with-app
   return (
-    <html lang="en">
-      <Head>
-        <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#0000cd" />
-      </Head>
+    <html lang="en" suppressHydrationWarning>
       {/* Hack: id added to increase specificity of styles to override margin added by react-scroll */}
       <body className={inter.className} id="body">
         <ThemeProvider attribute="class">

diff --git a/app/opportunities/[id]/page.tsx b/app/opportunities/[id]/page.tsx
@@ -17,7 +17,8 @@ import { notFound } from "next/navigation"
 import React from "react"
 import { BsBoxArrowUpRight, BsBriefcase, BsCalendar, BsCheckCircle, BsClock, BsPinMap, BsXCircle } from "react-icons/bs"
 
-const OpportunityPage = async ({ params }: { params: { id: string } }) => {
+const OpportunityPage = async (props: { params: Promise<{ id: string }> }) => {
+  const params = await props.params
   const id = parseInt(params.id, 10)
 
   if (isNaN(id) || id.toString() !== params.id) {

diff --git a/app/students/[shortcode]/page.tsx b/app/students/[shortcode]/page.tsx
@@ -56,7 +56,8 @@ const StudentWebsiteLink = ({ href, icon: Icon }: { href?: string | null; icon:
     <> </>
   )
 
-const StudentProfilePage = async ({ params }: { params: { shortcode: string } }) => {
+const StudentProfilePage = async (props: { params: Promise<{ shortcode: string }> }) => {
+  const params = await props.params
   const studentProfile = await prisma.studentProfile.findFirst({
     where: { studentShortcode: decodeURIComponent(params.shortcode) },
     include: {

diff --git a/auth.config.ts b/auth.config.ts
@@ -43,7 +43,7 @@ export default {
     MicrosoftEntraIDProfile({
       clientId: process.env.MS_ENTRA_CLIENT_ID,
       clientSecret: process.env.MS_ENTRA_CLIENT_SECRET,
-      tenantId: process.env.MS_ENTRA_TENANT_ID,
+      issuer: `https://login.microsoftonline.com/${process.env.MS_ENTRA_TENANT_ID}/v2.0`,
       authorization: {
         params: {
           scope: "offline_access openid profile email User.Read",

diff --git a/components/ThemedLogoClient.tsx b/components/ThemedLogoClient.tsx
@@ -0,0 +1,12 @@
+"use client"
+
+import dynamic from "next/dynamic"
+
+/**
+ * Client-side-only wrapper around {@link ThemedLogo}: the logo depends on the resolved theme,
+ * which is only known in the browser. `ssr: false` is not allowed in Server Components,
+ * so the dynamic import lives here.
+ */
+const ThemedLogoClient = dynamic(() => import("@/components/ThemedLogo"), { ssr: false })
+
+export default ThemedLogoClient
diff --git a/lib/authActions.ts b/lib/authActions.ts
@@ -5,7 +5,7 @@ import { signIn } from "@/auth"
 import { FormPassBackState } from "./types"
 
 import { AccessDenied } from "@auth/core/errors"
-import { isRedirectError } from "next/dist/client/components/redirect"
+import { isRedirectError } from "next/dist/client/components/redirect-error"
 
 export const signInWithMagicLink = async (
   _prevState: FormPassBackState,