diff --git a/desktop/flipper-plugin/src/ui/DataList.tsx b/desktop/flipper-plugin/src/ui/DataList.tsx index 4b8690df7..9be896662 100644 --- a/desktop/flipper-plugin/src/ui/DataList.tsx +++ b/desktop/flipper-plugin/src/ui/DataList.tsx @@ -94,6 +94,9 @@ export const DataList: React.FC> = function DataList< const tableManagerRef = tableProps.tableManagerRef ?? createRef>(); useAssertStableRef(baseSelection, 'selection'); + useAssertStableRef(onRenderItem, 'onRenderItem'); + useAssertStableRef(enableArrow, 'enableArrow'); + // create local selection atom if none provided // eslint-disable-next-line const selection = baseSelection ?? useState(() => createState())[0]; diff --git a/desktop/flipper-plugin/src/ui/data-table/DataTableManager.tsx b/desktop/flipper-plugin/src/ui/data-table/DataTableManager.tsx index ba2e5d059..16abf85b0 100644 --- a/desktop/flipper-plugin/src/ui/data-table/DataTableManager.tsx +++ b/desktop/flipper-plugin/src/ui/data-table/DataTableManager.tsx @@ -443,8 +443,9 @@ function computeInitialColumns( columns: DataTableColumn[], ): DataTableColumn[] { const visibleColumnCount = columns.filter((c) => c.visible !== false).length; - const columnsWithoutWidth = columns.filter((c) => c.width === undefined) - .length; + const columnsWithoutWidth = columns.filter( + (c) => c.visible !== false && c.width === undefined, + ).length; return columns.map((c) => ({ ...c,