fixed build

package.json

@@ -21,9 +21,6 @@
     },
     "types": "dist/module/src/module.d.ts",
     "dependencies": {
-        "@emotion/react": "^11.7.0",
-        "@emotion/styled": "^11.6.0",
-        "@mui/material": "^5.2.2",
         "@types/heatmap.js": "^2.0.37",
         "chroma-js": "^2.4.2",
         "d3": "^7.6.1",
@@ -64,8 +61,10 @@
         "@types/chroma-js": "^2.1.4",
         "@types/d3": "^7.4.0",
         "@types/kdbush": "^3.0.0",
-        "@types/react": "^18.0.6",
-        "@types/react-dom": "^18.0.6",
+        "@types/react": "^18.0.0",
+        "@types/react-dom": "^18.0.0",
+        "react": "^18.0.0",
+        "react-dom": "^18.0.0",
         "copy-webpack-plugin": "^11.0.0",
         "css-loader": "^6.1.0",
         "html-webpack-plugin": "^5.5.0",
@@ -83,7 +82,7 @@
         "serve": "^14.0.1"
     },
     "peerDependencies": {
-        "react": "^18.0.17",
-        "react-dom": "^18.0.6"
+        "react": "^18.0.0",
+        "react-dom": "^18.0.0"
     }
 }

src/components/molecule/legend/Legend.tsx

@@ -1,10 +1,4 @@
 import * as React from 'react';
-import Table from '@mui/material/Table';
-import TableBody from '@mui/material/TableBody';
-import TableCell from '@mui/material/TableCell';
-import TableContainer from '@mui/material/TableContainer';
-import TableHead from '@mui/material/TableHead';
-import TableRow from '@mui/material/TableRow';
 import { Method } from '../../../types/molecule.types';
 import { shortenNumber } from '../../../util';
 
@@ -54,7 +48,9 @@ const createDataTable = (props: Props) => {
 export default function Legend(props: Props) {
   const dataTable = createDataTable(props);
 
-  return (
+  return null;
+
+  /* return (
     <div className="xsmiles-table smiles-row smiles-justify-content-center" style={{ opacity: 0.6 }}>
       <TableContainer
         className="xsmiles-table-container smiles-justify-content-center"
@@ -135,5 +131,5 @@ export default function Legend(props: Props) {
         </Table>
       </TableContainer>
     </div>
-  );
+  ); */
 }