fix(deps): update nextjs monorepo to v16 (major) (#4363)

Co-authored-by: homarr-renovate[bot] <158783068+homarr-renovate[bot]@users.noreply.github.com>
Co-authored-by: Meier Lukas <meierschlumpf@gmail.com>

packages/api/package.json

@@ -49,7 +49,7 @@
     "@trpc/server": "^11.7.1",
     "@trpc/tanstack-react-query": "^11.7.1",
     "lodash.clonedeep": "^4.5.0",
-    "next": "15.5.6",
+    "next": "16.0.1",
     "react": "19.2.0",
     "react-dom": "19.2.0",
     "superjson": "2.2.5",

packages/auth/package.json

@@ -35,7 +35,7 @@
     "bcrypt": "^6.0.0",
     "cookies": "^0.9.1",
     "ldapts": "8.0.9",
-    "next": "15.5.6",
+    "next": "16.0.1",
     "next-auth": "5.0.0-beta.30",
     "react": "19.2.0",
     "react-dom": "19.2.0",

packages/common/package.json

@@ -32,7 +32,7 @@
     "@paralleldrive/cuid2": "^3.1.0",
     "dayjs": "^1.11.18",
     "dns-caching": "^0.2.7",
-    "next": "15.5.6",
+    "next": "16.0.1",
     "octokit": "^5.0.4",
     "react": "19.2.0",
     "react-dom": "19.2.0",

packages/forms-collection/package.json

@@ -28,6 +28,7 @@
     "@homarr/form": "workspace:^0.1.0",
     "@homarr/notifications": "workspace:^0.1.0",
     "@homarr/translation": "workspace:^0.1.0",
+    "@homarr/ui": "workspace:^0.1.0",
     "@homarr/validation": "workspace:^0.1.0",
     "@mantine/core": "^8.3.6",
     "react": "19.2.0",

packages/forms-collection/src/new-app/_form.tsx

@@ -2,7 +2,6 @@
 
 import type { ChangeEventHandler } from "react";
 import { useEffect, useRef } from "react";
-import Link from "next/link";
 import { Button, Checkbox, Collapse, Group, Stack, Textarea, TextInput } from "@mantine/core";
 import { useDebouncedValue, useDisclosure } from "@mantine/hooks";
 import type { z } from "zod/v4";
@@ -10,6 +9,7 @@ import type { z } from "zod/v4";
 import { clientApi } from "@homarr/api/client";
 import { useZodForm } from "@homarr/form";
 import { useI18n } from "@homarr/translation/client";
+import { Link } from "@homarr/ui";
 import { appManageSchema } from "@homarr/validation/app";
 
 import { IconPicker } from "../icon-picker/icon-picker";

packages/modals-collection/package.json

@@ -36,7 +36,7 @@
     "@mantine/core": "^8.3.6",
     "@tabler/icons-react": "^3.35.0",
     "dayjs": "^1.11.18",
-    "next": "15.5.6",
+    "next": "16.0.1",
     "react": "19.2.0",
     "react-dom": "19.2.0",
     "zod": "^4.1.12"

packages/modals-collection/src/invites/invite-copy-modal.tsx

@@ -1,10 +1,10 @@
-import Link from "next/link";
 import { usePathname } from "next/navigation";
 import { Button, CopyButton, Mark, Stack, Text } from "@mantine/core";
 
 import type { RouterOutputs } from "@homarr/api";
 import { createModal } from "@homarr/modals";
 import { useScopedI18n } from "@homarr/translation/client";
+import { Link } from "@homarr/ui";
 
 export const InviteCopyModal = createModal<RouterOutputs["invite"]["createInvite"]>(({ actions, innerProps }) => {
   const t = useScopedI18n("management.page.user.invite");

packages/old-import/package.json

@@ -40,7 +40,7 @@
     "@mantine/core": "^8.3.6",
     "@mantine/hooks": "^8.3.6",
     "adm-zip": "0.5.16",
-    "next": "15.5.6",
+    "next": "16.0.1",
     "react": "19.2.0",
     "react-dom": "19.2.0",
     "superjson": "2.2.5",

packages/settings/package.json

@@ -27,7 +27,7 @@
     "@homarr/db": "workspace:^0.1.0",
     "@homarr/server-settings": "workspace:^0.1.0",
     "@mantine/dates": "^8.3.6",
-    "next": "15.5.6",
+    "next": "16.0.1",
     "react": "19.2.0",
     "react-dom": "19.2.0"
   },

packages/spotlight/package.json

@@ -38,7 +38,7 @@
     "@mantine/spotlight": "^8.3.6",
     "@tabler/icons-react": "^3.35.0",
     "jotai": "^2.15.0",
-    "next": "15.5.6",
+    "next": "16.0.1",
     "react": "19.2.0",
     "react-dom": "19.2.0",
     "use-deep-compare-effect": "^1.8.1"

packages/spotlight/src/components/actions/items/children-action-item.tsx

@@ -1,6 +1,7 @@
-import Link from "next/link";
 import { Spotlight } from "@mantine/spotlight";
 
+import { Link } from "@homarr/ui";
+
 import type { inferSearchInteractionOptions } from "../../../lib/interaction";
 import classes from "./action-item.module.css";
 

packages/spotlight/src/components/actions/items/group-action-item.tsx

@@ -1,7 +1,7 @@
-import Link from "next/link";
 import { Spotlight } from "@mantine/spotlight";
 
 import type { TranslationObject } from "@homarr/translation";
+import { Link } from "@homarr/ui";
 
 import type { SearchGroup } from "../../../lib/group";
 import type { inferSearchInteractionOptions } from "../../../lib/interaction";

packages/translation/package.json

@@ -32,7 +32,7 @@
     "dayjs": "^1.11.18",
     "deepmerge": "4.3.1",
     "mantine-react-table": "2.0.0-beta.9",
-    "next": "15.5.6",
+    "next": "16.0.1",
     "next-intl": "4.4.0",
     "react": "19.2.0",
     "react-dom": "19.2.0"

packages/ui/package.json

@@ -35,7 +35,7 @@
     "@mantine/hooks": "^8.3.6",
     "@tabler/icons-react": "^3.35.0",
     "mantine-react-table": "2.0.0-beta.9",
-    "next": "15.5.6",
+    "next": "16.0.1",
     "react": "19.2.0",
     "react-dom": "19.2.0",
     "svgson": "^5.3.1"

packages/ui/src/components/index.tsx

@@ -15,3 +15,4 @@ export { BetaBadge } from "./beta-badge";
 export { MaskedImage } from "./masked-image";
 export { MaskedOrNormalImage } from "./masked-or-normal-image";
 export { LanguageIcon } from "./language-icon";
+export { Link } from "./link";

packages/ui/src/components/link.tsx

@@ -0,0 +1,5 @@
+"use client";
+
+import NextLink from "next/link";
+
+export const Link = NextLink;

packages/ui/src/components/table-pagination.tsx

@@ -1,11 +1,12 @@
 "use client";
 
 import { useCallback } from "react";
-import Link from "next/link";
 import { usePathname, useRouter, useSearchParams } from "next/navigation";
 import type { PaginationProps } from "@mantine/core";
 import { Pagination } from "@mantine/core";
 
+import { Link } from "@homarr/ui";
+
 interface TablePaginationProps {
   total: number;
 }

packages/widgets/package.json

@@ -72,7 +72,7 @@
     "dayjs": "^1.11.18",
     "mantine-form-zod-resolver": "^1.3.0",
     "mantine-react-table": "2.0.0-beta.9",
-    "next": "15.5.6",
+    "next": "16.0.1",
     "react": "19.2.0",
     "react-dom": "19.2.0",
     "react-markdown": "^10.1.0",

packages/widgets/src/_inputs/widget-app-input.tsx

@@ -1,7 +1,6 @@
 "use client";
 
 import { memo, useMemo } from "react";
-import Link from "next/link";
 import type { SelectProps } from "@mantine/core";
 import { Anchor, Button, Group, Loader, Select, SimpleGrid, Text } from "@mantine/core";
 import { IconCheck, IconRocket } from "@tabler/icons-react";
@@ -12,6 +11,7 @@ import { useSession } from "@homarr/auth/client";
 import { useModalAction } from "@homarr/modals";
 import { QuickAddAppModal } from "@homarr/modals-collection";
 import { useI18n } from "@homarr/translation/client";
+import { Link } from "@homarr/ui";
 
 import type { CommonWidgetInputProps } from "./common";
 import { useWidgetInputTranslation } from "./common";

packages/widgets/src/errors/base-component.tsx

@@ -1,9 +1,9 @@
-import Link from "next/link";
 import { Anchor, Button, Stack, Text } from "@mantine/core";
 
 import type { stringOrTranslation } from "@homarr/translation";
 import { translateIfNecessary } from "@homarr/translation";
 import { useI18n } from "@homarr/translation/client";
+import { Link } from "@homarr/ui";
 import type { TablerIcon } from "@homarr/ui";
 
 export interface BaseWidgetErrorProps {

packages/widgets/src/widget-integration-select.tsx

@@ -1,7 +1,6 @@
 "use client";
 
 import type { FocusEventHandler } from "react";
-import Link from "next/link";
 import {
   Anchor,
   Avatar,
@@ -20,6 +19,7 @@ import {
 import type { IntegrationKind } from "@homarr/definitions";
 import { getIconUrl } from "@homarr/definitions";
 import { useI18n } from "@homarr/translation/client";
+import { Link } from "@homarr/ui";
 
 import classes from "./widget-integration-select.module.css";