fix: 修复 codemirror 报错问题，包管理器更换为 yarn

package.json

@@ -4,9 +4,8 @@
   "homepage": ".",
   "private": true,
   "dependencies": {
-    "@codemirror/lang-json": "^0.19.1",
-    "@codemirror/legacy-modes": "^0.19.0",
-    "@codemirror/stream-parser": "^0.19.3",
+    "@codemirror/lang-json": "^6.0.0",
+    "@codemirror/legacy-modes": "^6.1.0",
     "@date-io/moment": "1.x",
     "@emotion/react": "^11.4.1",
     "@emotion/styled": "^11.3.0",
@@ -35,7 +34,6 @@
     "@types/websocket": "^1.0.0",
     "@uiw/react-codemirror": "^4.3.2",
     "chart.js": "^2.9.3",
-    "codemirror": "^5.52.2",
     "history": "^4.10.1",
     "js-cookie": "^3.0.1",
     "kbar": "^0.1.0-beta.27",
@@ -105,6 +103,7 @@
   },
   "resolutions": {
     "nth-check": "^2.0.1",
-    "postcss": "^8.2.13"
+    "postcss": "^8.2.13",
+    "@types/react": "^17.0.0"
   }
 }

src/index.tsx

@@ -23,8 +23,9 @@ import * as serviceWorker from "./serviceWorker";
 import {
   StyledEngineProvider,
   Theme,
-  ThemeProvider,
+  ThemeProvider as ThemeProviderOld,
 } from "@mui/material/styles";
+import { ThemeProvider } from "@mui/styles";
 import withStyles from "@mui/styles/withStyles";
 import "react-virtualized/styles.css";
 import "react-grid-layout/css/styles.css";
@@ -110,7 +111,9 @@ ReactDOM.render(
     <GlobalCss />
     <StyledEngineProvider injectFirst>
       <ThemeProvider theme={theme}>
-        <Routes />
+        <ThemeProviderOld theme={theme}>
+          <Routes />
+        </ThemeProviderOld>
       </ThemeProvider>
     </StyledEngineProvider>
   </Provider>,

src/screens/Console/Common/FormComponents/CodeMirrorWrapper/CodeMirrorWrapper.tsx

@@ -16,11 +16,11 @@
 
 import React, { useState } from "react";
 import Grid from "@mui/material/Grid";
-import "codemirror/theme/dracula.css";
+// import "codemirror/theme/dracula.css";
 /** Code mirror */
-import { Extension } from '@codemirror/state';
+import { Extension } from "@codemirror/state";
 import CodeMirror from "@uiw/react-codemirror";
-import { StreamLanguage } from "@codemirror/stream-parser";
+import { StreamLanguage } from "@codemirror/language";
 import { json } from "@codemirror/lang-json";
 import { yaml } from "@codemirror/legacy-modes/mode/yaml";