diff --git a/desktop/flipper-plugin/src/ui/Layout.tsx b/desktop/flipper-plugin/src/ui/Layout.tsx index 380f1bbe8..0659d3e2f 100644 --- a/desktop/flipper-plugin/src/ui/Layout.tsx +++ b/desktop/flipper-plugin/src/ui/Layout.tsx @@ -173,12 +173,21 @@ type SplitVerticalResizableProps = } | {}; +const Empty = styled.div({width: 0, height: 0}); + function renderSplitLayout( props: SplitLayoutProps, direction: 'column' | 'row', grow: 1 | 2, ) { let [child1, child2] = props.children; + // prevent some children to be accidentally omitted if the primary one is `null` + if (!child1) { + child1 = ; + } + if (!child2) { + child2 = ; + } if ('resizable' in props && props.resizable) { const { width,