fix: use list item button

a08sg · Dec 14, 2022 · f06fa3f · f06fa3f
1 parent 6337788
commit f06fa3f
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/src/components/proxy/proxy-render.tsx b/src/components/proxy/proxy-render.tsx
@@ -1,8 +1,8 @@
 import {
   alpha,
   Box,
-  ListItem,
   ListItemText,
+  ListItemButton,
   Typography,
   styled,
 } from "@mui/material";
@@ -33,8 +33,7 @@ export const ProxyRender = (props: RenderProps) => {
 
   if (type === 0) {
     return (
-      <ListItem
-        button
+      <ListItemButton
         dense
         onClick={() => onHeadState(group.name, { open: !headState?.open })}
       >
@@ -58,7 +57,7 @@ export const ProxyRender = (props: RenderProps) => {
           }}
         />
         {headState?.open ? <ExpandLessRounded /> : <ExpandMoreRounded />}
-      </ListItem>
+      </ListItemButton>
     );
   }