Upgrade to REACT18 and ANTD4

AENeuro · Sep 5, 2022 · f32750c · f32750c
1 parent d3c08f3
commit f32750c
Show file tree

Hide file tree

Showing 4 changed files with 433 additions and 753 deletions.
diff --git a/package.json b/package.json
@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "antd": "^3.15.0",
+    "antd": "^4.23.0",
     "axios": "^0.18.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

diff --git a/src/App.css b/src/App.css
@@ -26,7 +26,7 @@
 }
 
 .ant-card {
-  border-radius: 10px;
+  /* border-radius: 10px; */
   height: 50vh;
 
   text-align: center;
@@ -75,6 +75,7 @@
   0% {
     transform: rotateZ(0);
   }
+
   100% {
     transform: rotateZ(360deg);
   }
@@ -84,7 +85,8 @@
   from {
     opacity: 0;
   }
+
   to {
     opacity: 1;
   }
-}
+}
diff --git a/src/index.js b/src/index.js
@@ -1,8 +1,9 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
+import ReactDOM from 'react-dom/client';
 import App from './App';
 
 
-ReactDOM.render(<App />, document.getElementById('root'));
+const root = ReactDOM.createRoot(document.getElementById("root"));
+root.render(<App />);