Estoy tratando de completar los datos de mis datos simulados que están en formato json. Cuando intento ejecutar el componente, obtengo un error de mapa de lectura indefinido. He comprobado que mi componente se representa solo con el valor. Incluso se está procesando con el valor. Obtengo este error indefinido. He intentado aplicar el renderizado condicional pero eso no me ayuda. Revisé otras soluciones que tienen el mismo problema, pero nada me ayuda. Estoy importando json desde mi interior local Cualquiera puede guiarme donde me estoy perdiendo el punto. Gracias por adelantado.

 const createCell = cell => ({ key: cell.key, children: cell.title }); const createCellsForRow = cells => cells.map(cell => createCell(cell)); -----> I am getting error from here(undefined reading map) const StTable = () => { const [selectedKey, setSelectedKey] = useState([]); const handleRowToggle = (event, metaData) => { event.preventDefault(); if (selectedKey !== metaData.key) { setSelectedKey(metaData.key); } }; const createRow = rowData => ( { key: rowData.key, cells: createCellsForRow(rowData.cells), toggleAction: { metaData: { key: rowData.key }, onToggle: handleRowToggle, isToggled: selectedKey === rowData.key, toggleLabel: rowData.toggleText, }, } ); const createRows = data => data.map(childItem => createRow(childItem)); return ( <Table summaryId="example-single-select" summary="This table shows an implementation of single row selection." numberOfColumns={4} cellPaddingStyle="standard" rowStyle="toggle" dividerStyle="horizontal" headerData={{ selectAllColumn: { checkLabel: 'Single Selection', }, cells: [ { key: 'cell-0', id: 'toggle-0', children: 'Name' }, { key: 'cell-1', id: 'toggle-1', children: 'Address' }, { key: 'cell-2', id: 'toggle-2', children: 'Phone Number' }, { key: 'cell-3', id: 'toggle-3', children: 'Email Id' }, ], }} bodyData={[ { rows: createRows(mockData), }, ]} /> ); }; export default StTable; //MockDataSample [ {"SNO":001, "SregID":"SOO1", "Status": "Available"}, {"SNO":002, "SregID":"SOO2", "Status": "Not Available"}, {"SNO":003, "SregID":"SOO3", "Status": "Available"}, ]