Fix: Warning in console when creating a new test (#728)

Farfetch · Sep 13, 2023 · 2ea67b9 · 2ea67b9
1 parent ce51395
commit 2ea67b9
Show file tree

Hide file tree

Showing 7 changed files with 1,755 additions and 1,492 deletions.
diff --git a/web/frontend/package.json b/web/frontend/package.json
@@ -5,10 +5,11 @@
   "dependencies": {
     "@ant-design/colors": "^6.0.0",
     "@ant-design/icons": "^4.6.2",
+    "@ant-design/pro-layout": "^7.16.11",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^12.1.5",
     "@testing-library/user-event": "^14.4.3",
-    "antd": "^4.19.5",
+    "antd": "^5.8.6",
     "axios": "^0.27.2",
     "axios-mock-adapter": "^1.21.2",
     "chart.js": "^3.7.1",
@@ -25,9 +26,9 @@
     "prettier": "^2.7.1",
     "prop-types": "^15.8.1",
     "qs": "^6.11.0",
-    "react": "^17.0.2",
+    "react": "^18.2.0",
     "react-chartjs-2": "^3.0.3",
-    "react-dom": "^17.0.2",
+    "react-dom": "^18.2.0",
     "react-error-boundary": "^4.0.10",
     "react-resizable": "^3.0.5",
     "react-router-dom": "6.4.2"

diff --git a/web/frontend/src/components/Run/ErrorStatus/RunErrorStatus.js b/web/frontend/src/components/Run/ErrorStatus/RunErrorStatus.js
@@ -1,5 +1,6 @@
 import { CloseCircleOutlined } from "@ant-design/icons";
-import { Button, PageHeader, Result, Space, Typography } from "antd";
+import { Button, Result, Space, Typography } from "antd";
+import { PageHeader } from "@ant-design/pro-layout";
 import { useCallback, useEffect, useState } from "react";
 import { Link, useNavigate } from "react-router-dom";
 

diff --git a/web/frontend/src/components/Run/PendingStatus/RunPendingStatus.js b/web/frontend/src/components/Run/PendingStatus/RunPendingStatus.js
@@ -1,4 +1,5 @@
-import { Button, Col, PageHeader, Popconfirm, Row, Steps } from "antd";
+import { Button, Col, Popconfirm, Row, Steps } from "antd";
+import { PageHeader } from "@ant-design/pro-layout";
 import { useCallback } from "react";
 import { useNavigate } from "react-router-dom";
 

diff --git a/web/frontend/src/components/Run/RunningStatus/RunRunningStatus.js b/web/frontend/src/components/Run/RunningStatus/RunRunningStatus.js
@@ -1,13 +1,13 @@
 import {
   Button,
   Col,
-  PageHeader,
   Popconfirm,
   Row,
   Space,
   Tabs,
   Typography
 } from "antd";
+import { PageHeader } from "@ant-design/pro-layout";
 import { useCallback, useState } from "react";
 import { useNavigate } from "react-router-dom";
 

diff --git a/web/frontend/src/index.js b/web/frontend/src/index.js
@@ -1,4 +1,4 @@
-import ReactDOM from "react-dom";
+import { createRoot } from "react-dom/client";
 import { ErrorBoundary } from "react-error-boundary";
 
 import { CurrentWorkspaceContextProvider } from "./context/CurrentWorkspace";
@@ -20,7 +20,10 @@ function ErrorFallback({ error }) {
   );
 }
 
-ReactDOM.render(
+const rootElement = document.getElementById("root");
+const root = createRoot(rootElement);
+
+root.render(
   <ErrorBoundary FallbackComponent={ErrorFallback}>
     <UserContextProvider>
       <CurrentWorkspaceContextProvider>
@@ -29,6 +32,5 @@ ReactDOM.render(
         </RunningContextProvider>
       </CurrentWorkspaceContextProvider>
     </UserContextProvider>
-  </ErrorBoundary>,
-  document.getElementById("root")
+  </ErrorBoundary>
 );
diff --git a/web/frontend/src/pages/Layout/layout.css b/web/frontend/src/pages/Layout/layout.css
@@ -1,4 +1,4 @@
-@import "~antd/dist/antd.css";
+@import "~antd/dist/reset.css";
 
 /* https://ant.design/components/layout/ */
 :root {

diff --git a/web/frontend/yarn.lock b/web/frontend/yarn.lock