From c62a26b0bf8a3a197aa3e949e378d48f48ac33c6 Mon Sep 17 00:00:00 2001
From: sarahgm <sarah.gosmann@reservix.de>
Date: Fri, 11 Nov 2022 11:44:00 +0100
Subject: [PATCH] chore: add columns test

---
 packages/components/src/Columns/Columns.test.tsx | 10 ++++++++++
 packages/components/src/Columns/Columns.tsx      |  2 +-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/packages/components/src/Columns/Columns.test.tsx b/packages/components/src/Columns/Columns.test.tsx
index 2496611b42..1e33816aa2 100644
--- a/packages/components/src/Columns/Columns.test.tsx
+++ b/packages/components/src/Columns/Columns.test.tsx
@@ -132,3 +132,13 @@ test('supports stretching to full height', () => {
   const container = screen.getByTestId(/columns/);
   expect(container).toHaveStyle(`height: 100%`);
 });
+
+test('does work with non react elements', () => {
+  render(
+    <Columns columns={[1]} data-testid="columns">
+      hello
+    </Columns>
+  );
+  const container = screen.getByTestId(/columns/);
+  expect(container).toHaveTextContent('hello');
+});
diff --git a/packages/components/src/Columns/Columns.tsx b/packages/components/src/Columns/Columns.tsx
index 95d20905d2..94576a0f01 100755
--- a/packages/components/src/Columns/Columns.tsx
+++ b/packages/components/src/Columns/Columns.tsx
@@ -59,7 +59,7 @@ export const Columns = ({
             flexGrow: columns[idx],
           }}
         >
-          {isValidElement(child) ? cloneElement(child) : null}
+          {isValidElement(child) ? cloneElement(child) : child}
         </Box>
       ))}
     </Box>