Merge pull request #601 from vtex-apps/fix-slot-children

Use props children in slots if their slot children prop is empty
vtex-apps · Feb 2, 2021 · 6fc44c7 · 6fc44c7
2 parents 6a8b8d0 + d23bd8e
commit 6fc44c7
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -7,6 +7,9 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 ## [Unreleased]
 
+### Fixed
+- Use props `children` in slots if slot children is empty.
+
 ## [8.126.10] - 2021-01-26
 
 ### Fixed

diff --git a/react/utils/slots.tsx b/react/utils/slots.tsx
@@ -52,7 +52,11 @@ export function generateSlot({
         runtime={runtime}
         hydration={hydration}
       >
-        {slotChildren}
+        {Array.isArray(slotChildren) &&
+        slotChildren.length === 0 &&
+        componentLoaderPropsWithContent.children
+          ? componentLoaderPropsWithContent.children
+          : slotChildren}
       </ComponentLoader>
     )
   }