makeStyles outside component

traccar · Nov 14, 2024 · 21e598e · 21e598e
1 parent 613e7ec
commit 21e598e
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/src/common/components/MenuItem.jsx b/src/common/components/MenuItem.jsx
@@ -3,14 +3,14 @@ import { ListItemButton, ListItemIcon, ListItemText } from '@mui/material';
 import { Link } from 'react-router-dom';
 import React from 'react';
 
-const MenuItem = ({
-  title, link, icon, selected,
-}) => {
-  const classes = makeStyles({
-    menuItemText: {
-      whiteSpace: 'nowrap',
-    },
-  });
+const useStyles = makeStyles(() => ({
+  menuItemText: {
+    whiteSpace: 'nowrap',
+  },
+}));
+
+const MenuItem = ({ title, link, icon, selected }) => {
+  const classes = useStyles();
   return (
     <ListItemButton key={link} component={Link} to={link} selected={selected}>
       <ListItemIcon>{icon}</ListItemIcon>