Upgrade frontend dependencies

frontend/package.json

@@ -8,26 +8,26 @@
         "build": "parcel build"
     },
     "devDependencies": {
-        "@types/react": "^18.0.12",
-        "@types/react-dom": "^18.0.5",
-        "@typescript-eslint/eslint-plugin": "^5.28.0",
-        "@typescript-eslint/parser": "^5.28.0",
-        "eslint": "^8.17.0",
+        "@types/react": "^18.0.26",
+        "@types/react-dom": "^18.0.10",
+        "@typescript-eslint/eslint-plugin": "^5.48.1",
+        "@typescript-eslint/parser": "^5.48.1",
+        "eslint": "^8.31.0",
         "eslint-config-airbnb": "^19.0.4",
-        "eslint-plugin-import": "^2.26.0",
-        "eslint-plugin-jsx-a11y": "^6.5.1",
-        "eslint-plugin-react": "^7.30.0",
-        "parcel": "^2.6.0",
+        "eslint-plugin-import": "^2.27.4",
+        "eslint-plugin-jsx-a11y": "^6.7.1",
+        "eslint-plugin-react": "^7.32.0",
+        "parcel": "^2.8.2",
         "process": "^0.11.10",
-        "typescript": "^4.7.3"
+        "typescript": "^4.9.4"
     },
     "dependencies": {
-        "@antv/g6": "^4.6.4",
-        "@emotion/react": "^11.10.0",
-        "@emotion/styled": "^11.10.0",
+        "@antv/g6": "^4.8.3",
+        "@emotion/react": "^11.10.5",
+        "@emotion/styled": "^11.10.5",
         "@fontsource/roboto": "^4.5.8",
-        "@mui/material": "^5.10.2",
-        "react": "^18.1.0",
-        "react-dom": "^18.1.0"
+        "@mui/material": "^5.11.4",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0"
     }
 }

frontend/shell.nix

@@ -0,0 +1,8 @@
+{ pkgs ? import <nixpkgs> {} }:
+
+pkgs.mkShell {
+  buildInputs = [
+    pkgs.yarn
+  ];
+}
+

frontend/src/components/app.tsx

@@ -19,7 +19,7 @@ import {
   TextField,
 } from '@mui/material';
 
-import Graph from './graph.tsx';
+import GraphG6 from './graph-g6.tsx';
 
 const { useState, useCallback } = React;
 
@@ -155,7 +155,7 @@ function App() {
           {graphs.length > 0
             && (
             <Paper elevation={3} square sx={{ marginTop: 4, marginBottom: 4 }}>
-              <Graph graph={graphs[graphIndex]} />
+              <GraphG6 graph={graphs[graphIndex]} />
             </Paper>
             )}
           {graphs.length === 0

frontend/src/components/graph-g6.tsx

@@ -140,7 +140,7 @@ interface Props {
   }
 }
 
-function Graph(props: Props) {
+function GraphG6(props: Props) {
   const { graph: graphProps } = props;
 
   const ref = useRef(null);
@@ -359,4 +359,4 @@ function Graph(props: Props) {
   );
 }
 
-export default Graph;
+export default GraphG6;