[major] React 19 upgrade

.github/workflows/publish-next.yml

@@ -32,9 +32,6 @@ jobs:
       - name: Test library
         run: npm run test
 
-      - name: Test library accessibility
-        run: npm run test:accessibility
-
       - name: Publish NEXT version to npm
         run: |
           sed -i "s#\"version\": \".*\"#\"version\": \"$(jq -r .version ./packages/lib/package.json)-${GITHUB_SHA:0:7}\"#" ./packages/lib/package.json

.github/workflows/publish-release.yml

@@ -27,9 +27,6 @@ jobs:
       - name: Test library
         run: npm run test
 
-      - name: Test library accessibility
-        run: npm run test:accessibility
-
       - name: Publish RELEASE to npm
         run: |
           sed -i "s#\"version\": \".*\"#\"version\": \"${TAG_NAME}\"#" ./packages/lib/package.json

.github/workflows/pull-request.yml

@@ -26,6 +26,3 @@ jobs:
 
       - name: Test library
         run: npm run test
-
-      - name: Test library accessibility
-        run: npm run test:accessibility

LOCAL.md

@@ -61,6 +61,5 @@ Here is a list of the most common commands you will use:
 - `turbo storybook:build` - Build the Storybook.
 - `turbo storybook:deploy` - Deploy the Storybook to GitHub Pages.
 - `turbo test` - Run the tests.
-- `turbo test:accessibility` - Run the accessibility tests.
 - `turbo test:watch` - Run the tests in watch mode.
 - `turbo test-storybook` - Run the Storybook tests.

apps/website/package.json

@@ -20,25 +20,25 @@
     "cross-env": "^7.0.3",
     "next": "^16.2.11",
     "raw-loader": "^4.0.2",
-    "react": "^18",
+    "react": "^19.0.0",
     "react-color": "^2.19.3",
-    "react-dom": "^18",
+    "react-dom": "^19.0.0",
     "react-error-boundary": "^3.1.4",
     "react-live": "^4.1.7",
-    "react-markdown": "^8.0.7",
+    "react-markdown": "^10.1.0",
     "sharp": "^0.35.0",
     "slugify": "^1.6.5"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "^6.8.0",
-    "@testing-library/react": "^16.3.0",
     "@dxc-technology/typescript-config": "*",
     "@eslint/js": "^9.31.1",
+    "@testing-library/jest-dom": "^6.8.0",
+    "@testing-library/react": "^16.3.0",
     "@types/jest": "^29.5.12",
     "@types/node": "^20",
-    "@types/react": "^18",
+    "@types/react": "^19.3.0",
     "@types/react-color": "^3.0.6",
-    "@types/react-dom": "^18",
+    "@types/react-dom": "^19.3.0",
     "@types/webpack": "^5.28.5",
     "eslint": "^9.39.1",
     "eslint-config-next": "16.2.6",

apps/website/pages/_document.tsx

@@ -1,7 +1,7 @@
 import Document, { DocumentContext, DocumentInitialProps, Head, Html, Main, NextScript } from "next/document";
 import createEmotionServer from "@emotion/server/create-instance";
 import createCache from "@emotion/cache";
-import { Children } from "react";
+import { JSX, Children } from "react";
 
 export default class MyDocument extends Document {
   static async getInitialProps(ctx: DocumentContext): Promise<DocumentInitialProps> {

apps/website/pages/components/avatar/code.tsx

@@ -1,5 +1,5 @@
 import Head from "next/head";
-import { ReactElement } from "react-markdown/lib/react-markdown";
+import { ReactElement } from "react";
 import AvatarPageLayout from "screens/components/avatar/AvatarPageLayout";
 import AvatarCodePage from "screens/components/avatar/code/AvatarCodePage";
 

apps/website/pages/components/avatar/index.tsx

@@ -1,5 +1,5 @@
 import Head from "next/head";
-import { ReactElement } from "react-markdown/lib/react-markdown";
+import { ReactElement } from "react";
 import AvatarPageLayout from "screens/components/avatar/AvatarPageLayout";
 import AvatarOverviewPage from "screens/components/avatar/overview/AvatarOverviewPage";
 

apps/website/screens/common/HalstackMarkdownParser.tsx

@@ -1,5 +1,5 @@
 import { DxcBulletedList, DxcHeading, DxcLink } from "@dxc-technology/halstack-react";
-import { ReactMarkdown } from "react-markdown/lib/react-markdown";
+import ReactMarkdown from "react-markdown";
 import Code from "./Code";
 import { Children } from "react";