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,