import React from 'react'; import {useState} from "react"; import Link from "react-router-dom/es/Link"; import {Accordion, AccordionDetails, AccordionSummary, Grid, Typography} from "@mui/material"; import ExpandMoreIcon from "@mui/icons-material/ExpandMore"; const CategoryItem = ({object: {_id, name, subCategories}={}}) => { const [expanded, setExpanded] = useState(false); const handleChange = (panel) => (event, isExpanded) => { setExpanded(isExpanded ? panel : false); }; return ( <> {subCategories === null || !subCategories ?