expo-widgets 57.0.9 → 57.0.11

package/CHANGELOG.md

@@ -10,6 +10,16 @@
 
 ### 💡 Others
 
+## 57.0.11 — 2026-08-20
+
+### 🐛 Bug fixes
+
+- Fix blank widget when JSX children mix a `.map()` array with sibling elements. ([#47888](https://github.com/expo/expo/pull/47888) by [@jakex7](https://github.com/jakex7))
+
+## 57.0.10 — 2026-08-14
+
+_This version does not introduce any user-facing changes._
+
 ## 57.0.9 — 2026-08-10
 
 _This version does not introduce any user-facing changes._

package/android/build.gradle

@@ -13,7 +13,7 @@ apply plugin: 'expo-module-gradle-plugin'
 apply plugin: 'org.jetbrains.kotlin.plugin.compose'
 
 group = 'expo.modules.widgets'
-version = '57.0.9'
+version = '57.0.11'
 
 expoModule {
   canBePublished false
@@ -23,7 +23,7 @@ android {
   namespace "expo.modules.widgets"
   defaultConfig {
     versionCode 1
-    versionName '57.0.9'
+    versionName '57.0.11'
   }
 
   buildFeatures {

package/bundle/jsx-runtime-stub.ts

@@ -49,6 +49,13 @@ function jsxProd(
     }
   }
 
+  // React flattens nested children arrays (e.g. a `.map()` result mixed with sibling
+  // elements) during reconciliation. There is no reconciler here - the element tree is
+  // serialized for the native widget parsers, which expect a flat children list.
+  if (Array.isArray(props.children)) {
+    props.children = props.children.flat(Infinity);
+  }
+
   return ReactElement(type, key, props);
 }
 

package/ios/Widgets/DynamicView.swift

@@ -151,11 +151,23 @@ public struct WidgetsDynamicView: View, ExpoSwiftUI.AnyChild {
   where P: UIBaseViewProps {
     if let props = node["props"] as? [String: Any] {
       if let children = props["children"] as? [Any] {
-        let validChildren = children.compactMap { $0 as? [String: Any] }
+        let validChildren = flattenChildNodes(children)
         initialProps.children = validChildren.map { WidgetsDynamicView(name: name, kind: kind, node: $0, entryIndex: entryIndex, environmentString: environmentString) }
       } else if let child = props["children"] as? [String: Any] {
         initialProps.children = [WidgetsDynamicView(name: name, kind: kind, node: child, entryIndex: entryIndex, environmentString: environmentString)]
       }
     }
   }
+
+  private func flattenChildNodes(_ children: [Any]) -> [[String: Any]] {
+    return children.flatMap { child -> [[String: Any]] in
+      if let node = child as? [String: Any] {
+        return [node]
+      }
+      if let nested = child as? [Any] {
+        return flattenChildNodes(nested)
+      }
+      return []
+    }
+  }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "expo-widgets",
-  "version": "57.0.9",
+  "version": "57.0.11",
   "description": "Widgets.",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -22,7 +22,7 @@
   "homepage": "https://docs.expo.dev/versions/latest/sdk/widgets/",
   "dependencies": {
     "@expo/plist": "^0.8.1",
-    "@expo/ui": "~57.0.10"
+    "@expo/ui": "~57.0.12"
   },
   "devDependencies": {
     "@expo/spawn-async": "^1.8.0",
@@ -30,7 +30,7 @@
     "@types/react": "~19.2.0",
     "react-native": "0.86.2",
     "resolve-workspace-root": "^2.0.0",
-    "expo": "57.0.12",
+    "expo": "57.0.15",
     "expo-module-scripts": "56.0.3"
   },
   "peerDependencies": {
@@ -44,7 +44,7 @@
       "./scripts/xcode-build-bundle.sh"
     ]
   },
-  "gitHead": "9a08ef16f8abc1788dec0014612be5eeb5dc03af",
+  "gitHead": "499024a441d67293aa60afcbe02051999a54f1bb",
   "scripts": {
     "build": "expo-module build",
     "build:plugin": "expo-module build plugin",