fix svg imports

src/components/navigation/NavigationMenu/NavigationMenu.jsx

@@ -80,7 +80,14 @@ function MenuListItems({ menuItems, drawerOpen }) {
 const makeLink = (text, url, icon) => ({ text, url, icon });
 const menuItemsAll = [
   makeLink("Records", "/records", <SettingsInputComponent />),
-  makeLink("IOCs", "/iocs", <CCCEControlSymbol />),
+  makeLink(
+    "IOCs",
+    "/iocs",
+    <CCCEControlSymbol
+      width="25px"
+      height="25px"
+    />
+  ),
   makeLink("IOC hosts", "/hosts", <Storage />),
   makeLink("Log", "/jobs", <Assignment />)
 ];

src/icons/BatchDeploySymbol.jsx

 import BatchDeployIcon from "./resources/batch/batch_deploy_icon.svg?react";
-import SvgIcon from "@mui/material/SvgIcon";
 
 export function BatchDeploySymbol(props) {
-  return (
-    <SvgIcon {...props}>
-      <BatchDeployIcon />
-    </SvgIcon>
-  );
+  return <BatchDeployIcon {...props} />;
 }

src/icons/BatchUndeploySymbol.jsx

 import BatchUndeployIcon from "./resources/batch/batch_undeploy_icon.svg?react";
-import SvgIcon from "@mui/material/SvgIcon";
 
 export function BatchUndeploySymbol(props) {
-  return (
-    <SvgIcon {...props}>
-      <BatchUndeployIcon />
-    </SvgIcon>
-  );
+  return <BatchUndeployIcon {...props} />;
 }

src/icons/CCCEControlSymbol.jsx

 import CcceControlSymbolGray from "./resources/control/ccce-control-symbol_757575.svg?react";
-import SvgIcon from "@mui/material/SvgIcon";
 
 export function CCCEControlSymbol(props) {
-  return (
-    <SvgIcon {...props}>
-      <CcceControlSymbolGray />
-    </SvgIcon>
-  );
+  return <CcceControlSymbolGray {...props} />;
 }

src/icons/RocketLaunch.jsx

-import { ReactComponent as RocketLaunchBlack } from "./resources/rocket/rocket_launch_black_24dp.svg";
+import { ReactComponent as RocketLaunchBlack } from "./resources/rocket/rocket_launch_black_24dp.svg?react";
 import { Tooltip } from "@mui/material";
-import SvgIcon from "@mui/material/SvgIcon";
 
 export function RocketLaunch(props) {
   return (
-    <SvgIcon {...props}>
-      <Tooltip title="Deployment">
-        <RocketLaunchBlack />
-      </Tooltip>
-    </SvgIcon>
+    <Tooltip title="Deployment">
+      <RocketLaunchBlack {...props} />
+    </Tooltip>
   );
 }

vite-env.d.ts

+/// <reference types="vite-plugin-svgr/client" />