chore!: next.js to v15.x (step towards v16) (#714)

Author: frano-m

package-lock.json

@@ -25,24 +25,23 @@
     "@commitlint/cli": "^20.2.0",
     "@commitlint/config-conventional": "^20.2.0",
     "@emotion/jest": "^11.14.2",
-    "@next/eslint-plugin-next": "^14.2.33",
+    "@next/eslint-plugin-next": "^15.5.9",
     "@storybook/nextjs-vite": "^10.1.10",
     "@testing-library/react": "^16.3.1",
     "@types/d3": "^7.4.3",
     "@types/jest": "^29.5.14",
-    "@types/react": "^18.3.5",
-    "@types/react-dom": "^18.3.0",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
     "@types/react-gtm-module": "^2.0.1",
     "@types/react-window": "^1.8.5",
-    "@types/uuid": "^8.3.4",
     "@typescript-eslint/eslint-plugin": "^8.50.0",
     "eslint": "^8.57.1",
-    "eslint-config-next": "^14.2.33",
+    "eslint-config-next": "^15.5.9",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-eslint-comments": "^3.2.0",
     "eslint-plugin-jsdoc": "^61.5.0",
     "eslint-plugin-prettier": "^5.5.4",
-    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-sonarjs": "^0.25.1",
     "eslint-plugin-sort-destructure-keys": "^2.0.0",
     "eslint-plugin-storybook": "^10.1.10",
@@ -55,7 +54,7 @@
     "prettier-plugin-organize-imports": "^4.3.0",
     "storybook": "^10.1.10",
     "ts-jest": "^29.4.6",
-    "typescript": "^5.5.4"
+    "typescript": "^5.9.3"
   },
   "peerDependencies": {
     "@emotion/react": "^11.14.0",
@@ -70,24 +69,24 @@
     "gray-matter": "^4.0.3",
     "isomorphic-dompurify": "^2.34.0",
     "ky": "^1.7.2",
-    "next": "^14.2.33",
+    "next": "^15.5.9",
     "next-auth": "^4.24.13",
-    "next-mdx-remote": "^4.4.1",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "next-mdx-remote": "^5.0.0",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
     "react-dropzone": "^14.3.8",
     "react-gtm-module": "^2.0.11",
     "react-idle-timer": "^5.7.2",
     "react-window": "^1.8.11",
     "rehype-raw": "^7.0.0",
-    "rehype-react": "^7.2.0",
-    "rehype-sanitize": "^5.0.1",
-    "remark-gfm": "^3.0.1",
-    "remark-parse": "^10.0.2",
-    "remark-rehype": "^10.1.0",
+    "rehype-react": "^8.0.0",
+    "rehype-sanitize": "^6.0.0",
+    "remark-gfm": "^4.0.1",
+    "remark-parse": "^11.0.0",
+    "remark-rehype": "^11.1.2",
     "slugify": "^1.6.6",
-    "unified": "^10.1.2",
-    "uuid": "^8.3.2",
+    "unified": "^11.0.5",
+    "uuid": "^13.0.0",
     "yup": "^1.7.1"
   },
   "overrides": {

package.json

@@ -1,4 +1,4 @@
-import React, { Fragment, useEffect } from "react";
+import { JSX, Fragment, useEffect } from "react";
 import { authComplete } from "../../../../../../providers/authentication/auth/dispatch";
 import { useAuth } from "../../../../../../providers/authentication/auth/hook";
 import { authenticationComplete } from "../../../../../../providers/authentication/authentication/dispatch";

src/components/Authentication/components/SessionController/components/GoogleSessionController/SessionController.tsx

@@ -1,5 +1,5 @@
 import { useSession } from "next-auth/react";
-import React, { Fragment, useEffect } from "react";
+import { JSX, Fragment, useEffect } from "react";
 import { updateAuthState } from "../../../../../../providers/authentication/auth/dispatch";
 import { useAuth } from "../../../../../../providers/authentication/auth/hook";
 import { updateAuthentication } from "../../../../../../providers/authentication/authentication/dispatch";

src/components/Authentication/components/SessionController/components/NextSessionController/SessionController.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import { JSX, createElement } from "react";
 import { ComponentsConfig, ViewContext } from "../../config/entities";
 import { useConfig } from "../../hooks/useConfig";
 import { useExploreState } from "../../hooks/useExploreState";
@@ -63,11 +63,9 @@ export const ComponentCreator = <T,>({
               systemStatus,
             })
           : {};
-        return React.createElement(
-          c.component,
-          { ...c.props, ...props, key: k },
-          [children ?? props.children],
-        );
+        return createElement(c.component, { ...c.props, ...props, key: k }, [
+          children ?? props.children,
+        ]);
       })}
     </>
   );

src/components/ComponentCreator/ComponentCreator.tsx

@@ -1,4 +1,4 @@
-import React, { ReactNode } from "react";
+import { JSX, ReactNode } from "react";
 
 /**
  * Basic component to conditionally render children.

src/components/ComponentCreator/components/ConditionalComponent/conditionalComponent.tsx

@@ -1,4 +1,4 @@
-import React, { ElementType } from "react";
+import { JSX, ElementType } from "react";
 import { v4 as uuid4 } from "uuid";
 
 /**

src/components/ComponentCreator/components/RenderComponent/renderComponent.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import { JSX } from "react";
 import { StyledFluidPaper, StyledMarkdownRenderer } from "./description.styles";
 import { DescriptionProps } from "./types";
 

src/components/DataDictionary/components/Description/description.tsx

@@ -1,6 +1,6 @@
 import { Grid } from "@mui/material";
 import { RowData } from "@tanstack/react-table";
-import React from "react";
+import { JSX } from "react";
 import { Attribute } from "../../../../common/entities";
 import { NoResults } from "../../../NoResults/noResults";
 import { Entity } from "../Entity/entity";

src/components/DataDictionary/components/Entities/entities.tsx

@@ -1,6 +1,6 @@
 import { Grid, Typography } from "@mui/material";
 import { RowData } from "@tanstack/react-table";
-import React from "react";
+import { JSX } from "react";
 import { Attribute } from "../../../../common/entities";
 import { TYPOGRAPHY_PROPS } from "../../../../styles/common/mui/typography";
 import { AnchorLink } from "../../../common/AnchorLink/anchorLink";