using img instead of react-image to prevent unmounted component error

package-lock.json

@@ -39,7 +39,6 @@
         "react-error-boundary": "^5.0.0",
         "react-full-screen": "^1.1.1",
         "react-horizontal-scrolling-menu": "^7.1.1",
-        "react-image": "^4.1.0",
         "react-infinite-scroller": "^1.2.6",
         "react-joyride": "^2.9.3",
         "react-map-gl": "^8.0.1",
@@ -10028,15 +10027,6 @@
         "react-dom": ">=16.8"
       }
     },
-    "node_modules/react-image": {
-      "version": "4.1.0",
-      "integrity": "sha512-qwPNlelQe9Zy14K2pGWSwoL+vHsAwmJKS6gkotekDgRpcnRuzXNap00GfibD3eEPYu3WCPlyIUUNzcyHOrLHjw==",
-      "peerDependencies": {
-        "@babel/runtime": ">=7",
-        "react": ">=16.8",
-        "react-dom": ">=16.8"
-      }
-    },
     "node_modules/react-infinite-scroller": {
       "version": "1.2.6",
       "integrity": "sha512-mGdMyOD00YArJ1S1F3TVU9y4fGSfVVl6p5gh/Vt4u99CJOptfVu/q5V/Wlle72TMgYlBwIhbxK5wF0C/R33PXQ==",

package.json

@@ -49,7 +49,6 @@
     "react-error-boundary": "^5.0.0",
     "react-full-screen": "^1.1.1",
     "react-horizontal-scrolling-menu": "^7.1.1",
-    "react-image": "^4.1.0",
     "react-infinite-scroller": "^1.2.6",
     "react-joyride": "^2.9.3",
     "react-map-gl": "^8.0.1",

src/common/ImgIcon.tsx

@@ -1,6 +1,5 @@
 import { Icon } from "@mui/material";
 import { makeStyles } from "@mui/styles";
-import { Img as Image } from "react-image";
 
 const useStyles = makeStyles(() => ({
   icon: {
@@ -37,7 +36,7 @@ export function ImgIcon(props: Props) {
       className={classes.icon}
       style={{ height: iconHeight, width: iconWidth }}
     >
-      <Image
+      <img
         alt={alt}
         className={classes.img}
         src={src}