diff --git a/packages/react-sdk-components/src/components/template/ListView/ListView.tsx b/packages/react-sdk-components/src/components/template/ListView/ListView.tsx index 3cae5147..f228ac08 100644 --- a/packages/react-sdk-components/src/components/template/ListView/ListView.tsx +++ b/packages/react-sdk-components/src/components/template/ListView/ListView.tsx @@ -1034,34 +1034,35 @@ export default function ListView(props: ListViewProps) { - {stableSort(arRows, getComparator(order, orderBy)) - .slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage) - .map(row => { - return ( - - {arColumns.map(column => { - const value = row[column.id]; - return ( - - {_showButton(column.id, row) || column.displayAsLink ? ( - { - _listViewClick(row, column); - }} - underline='hover' - > - {column.format && typeof value === 'number' ? column.format(value) : value} - - ) : ( - <>{column.format && typeof value === 'number' ? column.format(value) : value || '---'} - )} - - ); - })} - - ); - })} + {arRows && + stableSort(arRows, getComparator(order, orderBy)) + .slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage) + .map(row => { + return ( + + {arColumns.map(column => { + const value = row[column.id]; + return ( + + {_showButton(column.id, row) || column.displayAsLink ? ( + { + _listViewClick(row, column); + }} + underline='hover' + > + {column.format && typeof value === 'number' ? column.format(value) : value} + + ) : ( + <>{column.format && typeof value === 'number' ? column.format(value) : value || '---'} + )} + + ); + })} + + ); + })}