× TypeError: Невозможно прочитать свойство 'map' из неопределенного

Question

 function Sidebar({ items, depthStep, depth, expanded }) {
  82 |   return (
  83 |     <div className="sidebar">
> 84 |       <List disablePadding dense>
  85 |         
  86 |         {items.map((sidebarItem, index) => (
  87 |           <React.Fragment key={`${sidebarItem.name}${index}`}>

Answer 1

, если items неизбежно передается Sidebar как нулевое или неопределенное значение, вы можете условно вызвать карту вместо:

{
    items ? 
        items.map((sidebarItem, index) => (
            <React.Fragment key={`${sidebarItem.name}${index}`}>
        )
    : null
}