Fix booleans in Stack / Grid (#476)

swan-io · Jun 26, 2024 · 368832a · 368832a
1 parent 13454e8
commit 368832a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/packages/lake/src/components/Grid.tsx b/packages/lake/src/components/Grid.tsx
@@ -40,7 +40,8 @@ export const Grid = ({
     ]}
   >
     {Children.map(children, child => {
-      if (isNullish(child)) {
+      // null, undefined, true and false are valid children. They simply don’t render
+      if (isNullish(child) || typeof child === "boolean") {
         return child;
       }
 

diff --git a/packages/lake/src/components/Stack.tsx b/packages/lake/src/components/Stack.tsx
@@ -17,7 +17,8 @@ export const Stack = forwardRef<View, Props>(
     return (
       <Box ref={forwardedRef} {...props}>
         {Children.map(children, (child, index) => {
-          if (isNullish(child)) {
+          // null, undefined, true and false are valid children. They simply don’t render
+          if (isNullish(child) || typeof child === "boolean") {
             return child;
           }