chore: bump Next.js to 15.5

AdrianAndersen · mathiazom · commit 6b651920c1f4 · 2025-09-28T18:58:25.000+02:00
diff --git a/eslint.config.mjs b/eslint.config.mjs
@@ -8,6 +8,7 @@ import jsxA11y from "eslint-plugin-jsx-a11y";
 import noRelativeImportPathsPlugin from "eslint-plugin-no-relative-import-paths";
 import reactPlugin from "eslint-plugin-react";
 import reactCompiler from "eslint-plugin-react-compiler";
+// eslint-disable-next-line import-x/default
 import hooksPlugin from "eslint-plugin-react-hooks";
 import tseslint from "typescript-eslint";
 
@@ -44,6 +45,7 @@ export default tseslint.config(
       ...hooksPlugin.configs.recommended.rules,
       "no-relative-import-paths/no-relative-import-paths": "error",
       "react-compiler/react-compiler": "error",
+      "import-x/no-named-as-default-member": "off",
       /** @see https://medium.com/weekly-webtips/how-to-sort-imports-like-a-pro-in-typescript-4ee8afd7258a */
       "import-x/order": [
         "error",
diff --git a/next-env.d.ts b/next-env.d.ts
@@ -1,5 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
+/// <reference path="./.next/types/routes.d.ts" />
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
diff --git a/next.config.ts b/next.config.ts
@@ -6,7 +6,7 @@ const withSerwist = withSerwistInit({
 });
 
 export default withSerwist({
-    reactStrictMode: true,
+    typedRoutes: true,
     staticPageGenerationTimeout: 120,
     ...(global.process.env["BUILD_STANDALONE"] === "true" ? { output: "standalone" } : {}),
     async redirects() {
@@ -29,7 +29,7 @@ export default withSerwist({
         remotePatterns: [
             {
                 protocol: "https",
-                hostname: new URL(global.process.env["NEXT_PUBLIC_CONFIG_HOST"]!).hostname,
+                hostname: new URL(global.process.env["NEXT_PUBLIC_CONFIG_HOST"] ?? "").hostname,
             },
             {
                 protocol: "https",
diff --git a/package.json b/package.json
@@ -10,8 +10,8 @@
         "prod": "run-s build start",
         "prettier": "prettier --write '**/*.{js,mjs,ts,tsx,md,json,yaml,css}' --ignore-path=.gitignore",
         "prettier:check": "prettier --check '**/*.{js,mjs,ts,tsx,md,json,yaml,css}' --ignore-path=.gitignore",
-        "lint": "next lint --ignore-path=.gitignore",
-        "lint:fix": "next lint --fix --ignore-path=.gitignore",
+        "lint": "eslint --ignore-pattern '.next/*' --ignore-pattern 'next-env.d.ts' --ignore-pattern 'public/sw.js'",
+        "lint:fix": "eslint --fix --ignore-pattern '.next/*' --ignore-pattern 'next-env.d.ts' --ignore-pattern 'public/sw.js'",
         "typecheck": "tsc --noEmit",
         "check": "run-p prettier:check lint typecheck",
         "fix": "run-s prettier lint:fix",
@@ -21,7 +21,7 @@
         "@emotion/cache": "^11.14.0",
         "@emotion/react": "^11.14.0",
         "@emotion/styled": "^11.14.1",
-        "@khmyznikov/pwa-install": "^0.5.7",
+        "@khmyznikov/pwa-install": "^0.5.8",
         "@mui/icons-material": "^6.4.2",
         "@mui/material": "^6.4.2",
         "@mui/material-nextjs": "^6.4.2",
@@ -30,7 +30,7 @@
         "js-cookie": "^3.0.5",
         "jwt-decode": "^4.0.0",
         "luxon": "^3.7.1",
-        "next": "15.3.0",
+        "next": "15.5.2",
         "react": "^19.1.1",
         "react-device-detect": "^2.2.3",
         "react-dom": "^19.1.1",
@@ -43,17 +43,17 @@
         "zustand": "^5.0.8"
     },
     "devDependencies": {
-        "@eslint/js": "^9.33.0",
-        "@next/eslint-plugin-next": "^15.3.0",
+        "@eslint/js": "^9.34.0",
+        "@next/eslint-plugin-next": "^15.5.2",
         "@tsconfig/next": "^2.0.3",
         "@tsconfig/strictest": "^2.0.5",
         "@types/js-cookie": "^3.0.6",
         "@types/luxon": "^3.7.1",
         "@types/node": "^24.3.0",
-        "@types/react": "^19.1.10",
-        "@types/react-dom": "^19.1.7",
+        "@types/react": "^19.1.12",
+        "@types/react-dom": "^19.1.9",
         "@types/react-swipeable-views": "^0.13.6",
-        "eslint": "^9.33.0",
+        "eslint": "^9.34.0",
         "eslint-config-prettier": "^10.1.8",
         "eslint-import-resolver-typescript": "^4.4.4",
         "eslint-plugin-import-x": "^4.16.1",
@@ -66,6 +66,6 @@
         "prettier": "^3.6.2",
         "serwist": "^9.1.1",
         "typescript": "^5.9.2",
-        "typescript-eslint": "^8.40.0"
+        "typescript-eslint": "^8.41.0"
     }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
diff --git a/src/app/[chain]/page.tsx b/src/app/[chain]/page.tsx
@@ -4,15 +4,6 @@ import Chain from "@/components/Chain";
 import { CLASS_ID_QUERY_PARAM, ISO_WEEK_QUERY_PARAM, SCROLL_TO_NOW_QUERY_PARAM } from "@/lib/consts";
 import { fetchActiveChains, fetchChain, fetchChainPageStaticProps } from "@/lib/helpers/fetchers";
 
-interface Props {
-    params: Promise<{ chain: string }>;
-    searchParams: Promise<{
-        [ISO_WEEK_QUERY_PARAM]: string | undefined;
-        [SCROLL_TO_NOW_QUERY_PARAM]: string | undefined;
-        [CLASS_ID_QUERY_PARAM]: string | undefined;
-    }>;
-}
-
 export const dynamicParams = false;
 
 export const revalidate = 300;
@@ -23,15 +14,17 @@ export async function generateStaticParams() {
     }));
 }
 
-export default async function Page({ params, searchParams }: Props) {
+export default async function Page({ params, searchParams }: PageProps<"/[chain]">) {
     const chainIdentifier = (await params).chain;
     const {
         [ISO_WEEK_QUERY_PARAM]: rawWeekParam,
         [SCROLL_TO_NOW_QUERY_PARAM]: scrollToNowParam,
         [CLASS_ID_QUERY_PARAM]: showClassId,
     } = await searchParams;
     const { chain, weekParam, chainProfiles, scheduleCache, activityCategories, classPopularityIndex, error } =
-        await fetchChain(chainIdentifier).then((c) => fetchChainPageStaticProps(c, rawWeekParam));
+        await fetchChain(chainIdentifier).then((c) =>
+            fetchChainPageStaticProps(c, Array.isArray(rawWeekParam) ? rawWeekParam[0] : rawWeekParam),
+        );
 
     const defaultLocationIds = chain.branches.flatMap((branch) => branch.locations.map(({ identifier }) => identifier));
 
@@ -41,7 +34,7 @@ export default async function Page({ params, searchParams }: Props) {
             <Chain
                 weekParam={weekParam}
                 scrollToNow={scrollToNowParam !== undefined}
-                showClassId={showClassId}
+                showClassId={Array.isArray(showClassId) ? showClassId[0] : showClassId}
                 chain={chain}
                 classPopularityIndex={classPopularityIndex ?? {}}
                 chainProfiles={chainProfiles}
diff --git a/src/app/indexPage.tsx b/src/app/indexPage.tsx
@@ -72,7 +72,6 @@ const IndexPage = ({ chainProfiles }: IndexPageProps) => {
                                 href={`/${chainProfile.identifier}`}
                                 style={{ width: "100%" }}
                                 passHref
-                                legacyBehavior
                             >
                                 <Button
                                     sx={{
diff --git a/src/components/Chain.tsx b/src/components/Chain.tsx
@@ -150,6 +150,7 @@ function Chain({
             const newSearchParams = new URLSearchParams(searchParams);
             if (c !== null) newSearchParams.set(CLASS_ID_QUERY_PARAM, c.id);
             else newSearchParams.delete(CLASS_ID_QUERY_PARAM);
+            // @ts-expect-error TODO: bad route type
             router.replace(pathname + "?" + newSearchParams.toString());
             setClassInfoClass(c);
         },
@@ -221,6 +222,7 @@ function Chain({
         scrollToToday();
         const newSearchParams = new URLSearchParams(searchParams);
         newSearchParams.delete(SCROLL_TO_NOW_QUERY_PARAM);
+        // @ts-expect-error TODO: bad route type
         router.replace(pathname + "?" + newSearchParams.toString());
     }, [pathname, router, scrollToNow, searchParams]);
 
diff --git a/src/components/modals/ScheduleFiltersDialog.tsx b/src/components/modals/ScheduleFiltersDialog.tsx
@@ -3,7 +3,6 @@ import { Box, Button, Dialog, Tab, Tabs, Typography, useTheme } from "@mui/mater
 import { blue, pink, purple } from "@mui/material/colors";
 import DialogActions from "@mui/material/DialogActions";
 import DialogContent from "@mui/material/DialogContent";
-import { DialogHeader } from "next/dist/client/components/react-dev-overlay/ui/components/dialog";
 import { Dispatch, SetStateAction, useState } from "react";
 import SwipeableViews from "react-swipeable-views";
 
@@ -111,76 +110,74 @@ export default function ScheduleFiltersDialog({
                 },
             }}
         >
-            <DialogHeader>
-                <Tabs
-                    value={tab}
-                    onChange={handleChange}
-                    indicatorColor={"primary"}
-                    textColor="inherit"
-                    variant="fullWidth"
-                    aria-label="schedule-filters-tabs"
-                    TabIndicatorProps={{
-                        style: {
-                            backgroundColor: currentTabColor,
+            <Tabs
+                value={tab}
+                onChange={handleChange}
+                indicatorColor={"primary"}
+                textColor="inherit"
+                variant="fullWidth"
+                aria-label="schedule-filters-tabs"
+                TabIndicatorProps={{
+                    style: {
+                        backgroundColor: currentTabColor,
+                    },
+                }}
+            >
+                <Tab
+                    label={"Sentre"}
+                    icon={<PlaceRounded fontSize={"small"} />}
+                    iconPosition={"start"}
+                    sx={[
+                        {
+                            minHeight: "3rem",
+                        },
+                        tab == 0
+                            ? {
+                                  color: LOCATIONS_COLOR[500],
+                              }
+                            : {
+                                  color: null,
+                              },
+                    ]}
+                    {...a11yProps(0)}
+                />
+                <Tab
+                    label={"Kategorier"}
+                    icon={<CategoryRounded fontSize={"small"} />}
+                    iconPosition={"start"}
+                    sx={[
+                        {
+                            minHeight: "3rem",
+                        },
+                        tab == 1
+                            ? {
+                                  color: CATEGORIES_COLOR[500],
+                              }
+                            : {
+                                  color: null,
+                              },
+                    ]}
+                    {...a11yProps(1)}
+                />
+                <Tab
+                    label={"Tidsrom"}
+                    icon={<AccessTimeRounded fontSize={"small"} />}
+                    iconPosition={"start"}
+                    sx={[
+                        {
+                            minHeight: "3rem",
                         },
-                    }}
-                >
-                    <Tab
-                        label={"Sentre"}
-                        icon={<PlaceRounded fontSize={"small"} />}
-                        iconPosition={"start"}
-                        sx={[
-                            {
-                                minHeight: "3rem",
-                            },
-                            tab == 0
-                                ? {
-                                      color: LOCATIONS_COLOR[500],
-                                  }
-                                : {
-                                      color: null,
-                                  },
-                        ]}
-                        {...a11yProps(0)}
-                    />
-                    <Tab
-                        label={"Kategorier"}
-                        icon={<CategoryRounded fontSize={"small"} />}
-                        iconPosition={"start"}
-                        sx={[
-                            {
-                                minHeight: "3rem",
-                            },
-                            tab == 1
-                                ? {
-                                      color: CATEGORIES_COLOR[500],
-                                  }
-                                : {
-                                      color: null,
-                                  },
-                        ]}
-                        {...a11yProps(1)}
-                    />
-                    <Tab
-                        label={"Tidsrom"}
-                        icon={<AccessTimeRounded fontSize={"small"} />}
-                        iconPosition={"start"}
-                        sx={[
-                            {
-                                minHeight: "3rem",
-                            },
-                            tab == 2
-                                ? {
-                                      color: EXCLUDE_CLASS_TIME_COLOR[500],
-                                  }
-                                : {
-                                      color: null,
-                                  },
-                        ]}
-                        {...a11yProps(2)}
-                    />
-                </Tabs>
-            </DialogHeader>
+                        tab == 2
+                            ? {
+                                  color: EXCLUDE_CLASS_TIME_COLOR[500],
+                              }
+                            : {
+                                  color: null,
+                              },
+                    ]}
+                    {...a11yProps(2)}
+                />
+            </Tabs>
             <DialogContent sx={{ padding: 0, margin: 0 }}>
                 <SwipeableViews index={tab} onChangeIndex={handleChangeIndex}>
                     <TabPanel value={tab} index={0} dir={theme.direction}>
diff --git a/src/components/utils/ChainSwitcher.tsx b/src/components/utils/ChainSwitcher.tsx
@@ -66,7 +66,6 @@ function ChainSwitcher({
                                     }}
                                     style={{ width: "100%" }}
                                     passHref
-                                    legacyBehavior
                                 >
                                     <ListItemButton
                                         sx={[
diff --git a/src/lib/authProvider.tsx b/src/lib/authProvider.tsx
@@ -29,6 +29,7 @@ export default function AuthProvider({ config, children }: { config: BaseAuthCon
                 scope: "openid offline_access email profile",
                 // redirect back to original path after login has completed
                 preLogin: () => storePreLoginPath(pathname == null || pathname == "/login" ? "/" : pathname),
+                // @ts-expect-error TODO: bad route type
                 postLogin: () => router.replace(popStoredPreLoginPath() || ""),
             }}
         >

Original file line number	Diff line number	Diff line change
`@@ -72,7 +72,6 @@ const IndexPage = ({ chainProfiles }: IndexPageProps) => {`
`72`	`72`	href={`/${chainProfile.identifier}`}
`73`	`73`	`style={{ width: "100%" }}`
`74`	`74`	`passHref`
`75`		`- legacyBehavior`
`76`	`75`	`>`
`77`	`76`	`<Button`
`78`	`77`	`sx={{`