feat: change e2e ci (#416)

Signed-off-by: zhaoxinxin <[email protected]>

Author: Liam-Zhao

src/components/rotation.tsx

@@ -1,7 +1,7 @@
 import { Box, Grid, MobileStepper, ThemeProvider, createTheme } from '@mui/material';
 import { useState } from 'react';
-import { autoPlay } from 'react-swipeable-views-utils';
 import SwipeableViews from 'react-swipeable-views';
+import { autoPlay } from 'react-swipeable-views-utils';
 
 const AutoPlaySwipeableViews = autoPlay(SwipeableViews);
 
@@ -68,22 +68,20 @@ export default function Rotation() {
             );
           })}
         </AutoPlaySwipeableViews>
-        {
-          <MobileStepper
-            sx={{
-              width: '50%',
-              height: '6%',
-              display: 'flex',
-              alignItems: 'flex-start',
-              justifyContent: 'center',
-              backgroundColor: '#f6f7f9',
-            }}
-            backButton={undefined}
-            nextButton={undefined}
-            activeStep={imageIndex}
-            steps={imageList?.length}
-          />
-        }
+        <MobileStepper
+          sx={{
+            width: '50%',
+            height: '6%',
+            display: 'flex',
+            alignItems: 'flex-start',
+            justifyContent: 'center',
+            backgroundColor: '#f6f7f9',
+          }}
+          backButton={undefined}
+          nextButton={undefined}
+          activeStep={imageIndex}
+          steps={imageList?.length}
+        />
       </Grid>
     </ThemeProvider>
   );

tsconfig.json

@@ -1,15 +1,11 @@
 {
   "compilerOptions": {
     "target": "es5",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
-    "types": [
-      "cypress",
-      "node"
-    ],
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "types": ["cypress", "node"],
+    "paths": {
+      "react": ["./node_modules/@types/react"]
+    },
     "allowJs": true,
     "skipLibCheck": true,
     "esModuleInterop": true,
@@ -24,8 +20,5 @@
     "noEmit": true,
     "jsx": "react-jsx"
   },
-  "include": [
-    "src",
-    "**/*.ts"
-  ]
+  "include": ["src", "**/*.ts"]
 }