diff --git a/desktop/flipper-plugin/src/ui/data-table/DataTable.tsx b/desktop/flipper-plugin/src/ui/data-table/DataTable.tsx index 168c3a8a9..cfe740f65 100644 --- a/desktop/flipper-plugin/src/ui/data-table/DataTable.tsx +++ b/desktop/flipper-plugin/src/ui/data-table/DataTable.tsx @@ -238,7 +238,12 @@ export function DataTable( let handled = true; const shiftPressed = e.shiftKey; const outputSize = dataSource.view.size; - const windowSize = virtualizerRef.current!.virtualItems.length; + const windowSize = props.scrollable + ? virtualizerRef.current?.virtualItems.length ?? 0 + : dataSource.view.size; + if (!windowSize) { + return; + } switch (e.key) { case 'ArrowUp': tableManager.selectItem( @@ -282,7 +287,7 @@ export function DataTable( e.preventDefault(); } }, - [dataSource, tableManager], + [dataSource, tableManager, props.scrollable], ); const [debouncedSetFilter] = useState(() => {