@expo/ui 56.0.9 → 56.0.10

package/ios/HostView.swift

@@ -38,6 +38,7 @@ internal final class HostViewProps: ExpoSwiftUI.ViewProps, ExpoSwiftUI.SafeAreaC
   @Field var matchContentsHorizontal = false
   @Field var matchContentsVertical = false
   @Field var ignoreSafeArea: ExpoSwiftUI.IgnoreSafeArea?
+  @Field var modifiers: ModifierArray?
   var onLayoutContent = EventDispatcher()
 }
 
@@ -45,38 +46,40 @@ struct HostView: ExpoSwiftUI.View, ExpoSwiftUI.WithHostingView {
   @ObservedObject var props: HostViewProps
 
   var body: some View {
-    var useViewportSizeMeasurement: Bool = props.useViewportSizeMeasurement
-    if #available(iOS 16.0, tvOS 16.0, macOS 13.0, *) {
-      useViewportSizeMeasurement = props.useViewportSizeMeasurement
-    } else {
-      log.warn("useViewportSizeMeasurement is not supported on iOS/tvOS < 16.0")
-      useViewportSizeMeasurement = false
-    }
-
     let layoutDirection = props.layoutDirection.toLayoutDirection()
     let alignment: Alignment = layoutDirection == .rightToLeft ? .topTrailing : .topLeading
 
     if #available(iOS 16.0, tvOS 16.0, macOS 13.0, *) {
       // swiftlint:disable:next identifier_name
-      let HostLayout = useViewportSizeMeasurement
+      let HostLayout = props.useViewportSizeMeasurement
         ? AnyLayout(ViewportSizeMeasurementLayout(layoutDirection: layoutDirection))
         : AnyLayout(ZStackLayout(alignment: alignment))
-      return HostLayout {
+      HostLayout {
         Children()
       }
       .fixedSize(horizontal: props.matchContentsHorizontal, vertical: props.matchContentsVertical)
       .modifier(LayoutDirectionModifier(layoutDirection: layoutDirection))
       .modifier(ColorSchemeModifier(colorScheme: props.colorScheme?.toColorScheme()))
+      .applyModifiers(
+        props.modifiers,
+        appContext: props.appContext,
+        globalEventDispatcher: props.globalEventDispatcher
+      )
+      .modifier(GeometryChangeModifier(props: props))
+    } else {
+      ZStack(alignment: alignment) {
+        Children()
+      }
+      .fixedSize(horizontal: props.matchContentsHorizontal, vertical: props.matchContentsVertical)
+      .modifier(LayoutDirectionModifier(layoutDirection: layoutDirection))
+      .modifier(ColorSchemeModifier(colorScheme: props.colorScheme?.toColorScheme()))
+      .applyModifiers(
+        props.modifiers,
+        appContext: props.appContext,
+        globalEventDispatcher: props.globalEventDispatcher
+      )
       .modifier(GeometryChangeModifier(props: props))
     }
-
-    return ZStack(alignment: alignment) {
-      Children()
-    }
-    .fixedSize(horizontal: props.matchContentsHorizontal, vertical: props.matchContentsVertical)
-    .modifier(LayoutDirectionModifier(layoutDirection: layoutDirection))
-    .modifier(ColorSchemeModifier(colorScheme: props.colorScheme?.toColorScheme()))
-    .modifier(GeometryChangeModifier(props: props))
   }
 
   private func safeAreaSize() -> CGSize {

package/ios/Modifiers/FontModifier.swift

@@ -16,15 +16,15 @@ internal enum FontWeight: String, Enumerable {
 
   func toSwiftUI() -> Font.Weight {
     switch self {
-    case .ultraLight: return .ultraLight
-    case .thin: return .thin
-    case .light: return .light
-    case .regular: return .regular
-    case .medium: return .medium
-    case .semibold: return .semibold
-    case .bold: return .bold
-    case .heavy: return .heavy
-    case .black: return .black
+    case .ultraLight: .ultraLight
+    case .thin: .thin
+    case .light: .light
+    case .regular: .regular
+    case .medium: .medium
+    case .semibold: .semibold
+    case .bold: .bold
+    case .heavy: .heavy
+    case .black: .black
     }
   }
 }
@@ -37,10 +37,40 @@ internal enum FontDesign: String, Enumerable {
 
   func toSwiftUI() -> Font.Design {
     switch self {
-    case .default: return .default
-    case .rounded: return .rounded
-    case .serif: return .serif
-    case .monospaced: return .monospaced
+    case .default: .default
+    case .rounded: .rounded
+    case .serif: .serif
+    case .monospaced: .monospaced
+    }
+  }
+}
+
+internal enum FontTextStyle: String, Enumerable {
+  case largeTitle
+  case title
+  case title2
+  case title3
+  case headline
+  case subheadline
+  case body
+  case callout
+  case footnote
+  case caption
+  case caption2
+
+  func toSwiftUI() -> Font.TextStyle {
+    switch self {
+    case .largeTitle: .largeTitle
+    case .title: .title
+    case .title2: .title2
+    case .title3: .title3
+    case .headline: .headline
+    case .subheadline: .subheadline
+    case .body: .body
+    case .callout: .callout
+    case .footnote: .footnote
+    case .caption: .caption
+    case .caption2: .caption2
     }
   }
 }
@@ -50,16 +80,38 @@ internal struct FontModifier: ViewModifier, Record {
   @Field var size: CGFloat?
   @Field var weight: FontWeight?
   @Field var design: FontDesign?
+  @Field var textStyle: FontTextStyle?
 
   func body(content: Content) -> some View {
+    content.font(resolveFont())
+  }
+
+  private func resolveFont() -> Font {
     if let family = family {
-      content.font(Font.custom(family, size: size ?? 17))
-    } else {
-      content.font(.system(
-        size: size ?? 17,
-        weight: weight?.toSwiftUI() ?? .regular,
-        design: design?.toSwiftUI() ?? .default
-      ))
+      let baseSize = size ?? 17
+      var font: Font = if let textStyle = textStyle {
+        Font.custom(family, size: baseSize, relativeTo: textStyle.toSwiftUI())
+      } else {
+        Font.custom(family, size: baseSize)
+      }
+      if let weight = weight {
+        font = font.weight(weight.toSwiftUI())
+      }
+      return font
     }
+
+    if let textStyle = textStyle {
+      var font = Font.system(textStyle.toSwiftUI(), design: design?.toSwiftUI() ?? .default)
+      if let weight = weight {
+        font = font.weight(weight.toSwiftUI())
+      }
+      return font
+    }
+
+    return .system(
+      size: size ?? 17,
+      weight: weight?.toSwiftUI() ?? .regular,
+      design: design?.toSwiftUI() ?? .default
+    )
   }
 }

package/ios/Modifiers/ScrollObservationModifiers.swift

@@ -0,0 +1,107 @@
+// Copyright 2026-present 650 Industries. All rights reserved.
+
+import ExpoModulesCore
+import SwiftUI
+
+internal struct OnScrollGeometryChangeModifier: ViewModifier, Record {
+  // Worklet path: synchronous invocation on the UI runtime (no JS-thread dispatch).
+  @Field var workletCallback: WorkletCallback?
+  // JS-thread path: async event via the global modifier event dispatcher.
+  var eventDispatcher: EventDispatcher?
+
+  init() {}
+
+  init(from params: Dict, appContext: AppContext, eventDispatcher: EventDispatcher) throws {
+    try self = .init(from: params, appContext: appContext)
+    self.eventDispatcher = eventDispatcher
+  }
+
+  func body(content: Content) -> some View {
+    if #available(iOS 18.0, tvOS 18.0, *) {
+      content
+        .onScrollGeometryChange(for: ScrollGeometryPayload.self) { ScrollGeometryPayload($0) }
+        action: { [workletCallback, eventDispatcher] _, payload in
+          let geometry = payload.dictionary
+          if let workletCallback {
+            workletCallback.invoke(arguments: [geometry])
+          } else {
+            eventDispatcher?(["onScrollGeometryChange": geometry])
+          }
+        }
+    } else {
+      content
+    }
+  }
+}
+
+internal struct OnScrollPhaseChangeModifier: ViewModifier, Record {
+  var eventDispatcher: EventDispatcher?
+
+  init() {}
+
+  init(from params: Dict, appContext: AppContext, eventDispatcher: EventDispatcher) throws {
+    try self = .init(from: params, appContext: appContext)
+    self.eventDispatcher = eventDispatcher
+  }
+
+  func body(content: Content) -> some View {
+    if #available(iOS 18.0, tvOS 18.0, *) {
+      content.onScrollPhaseChange { [eventDispatcher] _, newPhase, context in
+        eventDispatcher?([
+          "onScrollPhaseChange": [
+            "phase": Self.phaseString(newPhase),
+            "geometry": ScrollGeometryPayload(context.geometry).dictionary
+          ]
+        ])
+      }
+    } else {
+      content
+    }
+  }
+
+  @available(iOS 18.0, tvOS 18.0, *)
+  private static func phaseString(_ phase: ScrollPhase) -> String {
+    return switch phase {
+    case .idle: "idle"
+    case .tracking: "tracking"
+    case .interacting: "interacting"
+    case .animating: "animating"
+    case .decelerating: "decelerating"
+    @unknown default: "idle"
+    }
+  }
+}
+
+internal struct ScrollGeometryPayload: Equatable {
+  let contentOffsetX: CGFloat
+  let contentOffsetY: CGFloat
+  let containerWidth: CGFloat
+  let containerHeight: CGFloat
+  let contentWidth: CGFloat
+  let contentHeight: CGFloat
+
+  var dictionary: [String: Any] {
+    [
+      "contentOffsetX": contentOffsetX,
+      "contentOffsetY": contentOffsetY,
+      "containerWidth": containerWidth,
+      "containerHeight": containerHeight,
+      "contentWidth": contentWidth,
+      "contentHeight": contentHeight
+    ]
+  }
+}
+
+@available(iOS 18.0, tvOS 18.0, *)
+extension ScrollGeometryPayload {
+  init(_ geometry: ScrollGeometry) {
+    self.init(
+      contentOffsetX: geometry.contentOffset.x,
+      contentOffsetY: geometry.contentOffset.y,
+      containerWidth: geometry.containerSize.width,
+      containerHeight: geometry.containerSize.height,
+      contentWidth: geometry.contentSize.width,
+      contentHeight: geometry.contentSize.height
+    )
+  }
+}

package/ios/Modifiers/ViewModifierRegistry.swift

@@ -1850,5 +1850,13 @@ extension ViewModifierRegistry {
     register("symbolEffect") { params, appContext, _ in
       return try SymbolEffectModifier(from: params, appContext: appContext)
     }
+
+    register("onScrollPhaseChange") { params, appContext, eventDispatcher in
+      return try OnScrollPhaseChangeModifier(from: params, appContext: appContext, eventDispatcher: eventDispatcher)
+    }
+
+    register("onScrollGeometryChange") { params, appContext, eventDispatcher in
+      return try OnScrollGeometryChangeModifier(from: params, appContext: appContext, eventDispatcher: eventDispatcher)
+    }
   }
 }

package/local-maven-repo/expo/modules/ui/expo.modules.ui/56.0.10/expo.modules.ui-56.0.10-sources.jar.md5

@@ -0,0 +1 @@
+3c31f1e06290c7a6bd79ca48f3891a26

package/local-maven-repo/expo/modules/ui/expo.modules.ui/56.0.10/expo.modules.ui-56.0.10-sources.jar.sha1

@@ -0,0 +1 @@
+641e106db443c60a45679ceeb012d91ec9a8f92f

package/local-maven-repo/expo/modules/ui/expo.modules.ui/56.0.10/expo.modules.ui-56.0.10-sources.jar.sha256

@@ -0,0 +1 @@
+d6ac0beac572ce308b1132edea5636af62174f38717a944fe96c577764fe15d0

package/local-maven-repo/expo/modules/ui/expo.modules.ui/56.0.10/expo.modules.ui-56.0.10-sources.jar.sha512

@@ -0,0 +1 @@
+767b2296610e6f8c7a584cc65177bb80da1d6ac06ca34fab03e1ecc261103e45b6ea3cc85df9b91d984dcfa8707392dc9353135245a7b88c25d7416498c9d57b

package/local-maven-repo/expo/modules/ui/expo.modules.ui/56.0.10/expo.modules.ui-56.0.10.aar.md5

@@ -0,0 +1 @@
+fc36f9fce95048c28a4acc8b50509b30

package/local-maven-repo/expo/modules/ui/expo.modules.ui/56.0.10/expo.modules.ui-56.0.10.aar.sha1

@@ -0,0 +1 @@
+750d3c439cf2196017543dbf4c28e442c895c557

package/local-maven-repo/expo/modules/ui/expo.modules.ui/56.0.10/expo.modules.ui-56.0.10.aar.sha256

@@ -0,0 +1 @@
+ed094af4f078c995d22d917c31585c648c1183e1da60401608f75e3ad29bf052

package/local-maven-repo/expo/modules/ui/expo.modules.ui/56.0.10/expo.modules.ui-56.0.10.aar.sha512

@@ -0,0 +1 @@
+b5c54535d0b6873bef37012f7f7e42c19624a7db690cac6b557fa7133c58d7bf2254857248138d5bed3283045f0cbf73312aa4b55842b1d7e550f6a7dc45bad9

package/local-maven-repo/expo/modules/ui/expo.modules.ui/{56.0.9/expo.modules.ui-56.0.9.module → 56.0.10/expo.modules.ui-56.0.10.module}

@@ -3,7 +3,7 @@
   "component": {
     "group": "expo.modules.ui",
     "module": "expo.modules.ui",
-    "version": "56.0.9",
+    "version": "56.0.10",
     "attributes": {
       "org.gradle.status": "release"
     }
@@ -24,13 +24,13 @@
       },
       "files": [
         {
-          "name": "expo.modules.ui-56.0.9.aar",
-          "url": "expo.modules.ui-56.0.9.aar",
-          "size": 1805504,
-          "sha512": "ba0dfa2c02b2ad1f248bfe43a5a922a95dbb83c493eb23cd8d3b98f3e790d9be19133002ac2ab408f3a9268af3c5718072f0646c2e13b0ce2d01b8198ae8ccc6",
-          "sha256": "7f2175675f65b6caaf5ce6580cdd24a10f208ae6d80b894e4460796fe2f0dc05",
-          "sha1": "4631f8e63a9536ef63c03c7666fbaa0e5a4f60a1",
-          "md5": "1375a9ac8dc803a405dd2fa39159a0bc"
+          "name": "expo.modules.ui-56.0.10.aar",
+          "url": "expo.modules.ui-56.0.10.aar",
+          "size": 1836627,
+          "sha512": "b5c54535d0b6873bef37012f7f7e42c19624a7db690cac6b557fa7133c58d7bf2254857248138d5bed3283045f0cbf73312aa4b55842b1d7e550f6a7dc45bad9",
+          "sha256": "ed094af4f078c995d22d917c31585c648c1183e1da60401608f75e3ad29bf052",
+          "sha1": "750d3c439cf2196017543dbf4c28e442c895c557",
+          "md5": "fc36f9fce95048c28a4acc8b50509b30"
         }
       ]
     },
@@ -141,13 +141,13 @@
       ],
       "files": [
         {
-          "name": "expo.modules.ui-56.0.9.aar",
-          "url": "expo.modules.ui-56.0.9.aar",
-          "size": 1805504,
-          "sha512": "ba0dfa2c02b2ad1f248bfe43a5a922a95dbb83c493eb23cd8d3b98f3e790d9be19133002ac2ab408f3a9268af3c5718072f0646c2e13b0ce2d01b8198ae8ccc6",
-          "sha256": "7f2175675f65b6caaf5ce6580cdd24a10f208ae6d80b894e4460796fe2f0dc05",
-          "sha1": "4631f8e63a9536ef63c03c7666fbaa0e5a4f60a1",
-          "md5": "1375a9ac8dc803a405dd2fa39159a0bc"
+          "name": "expo.modules.ui-56.0.10.aar",
+          "url": "expo.modules.ui-56.0.10.aar",
+          "size": 1836627,
+          "sha512": "b5c54535d0b6873bef37012f7f7e42c19624a7db690cac6b557fa7133c58d7bf2254857248138d5bed3283045f0cbf73312aa4b55842b1d7e550f6a7dc45bad9",
+          "sha256": "ed094af4f078c995d22d917c31585c648c1183e1da60401608f75e3ad29bf052",
+          "sha1": "750d3c439cf2196017543dbf4c28e442c895c557",
+          "md5": "fc36f9fce95048c28a4acc8b50509b30"
         }
       ]
     },
@@ -161,13 +161,13 @@
       },
       "files": [
         {
-          "name": "expo.modules.ui-56.0.9-sources.jar",
-          "url": "expo.modules.ui-56.0.9-sources.jar",
-          "size": 86330,
-          "sha512": "408e70adeb3b30e509e418a2a6edbd5afb888a27f8fcd5c04032a1089ef32c4483e542854cd1621a74aa2763094cd2e6ba98b30e99e213dd06734167e6d4083c",
-          "sha256": "e068f417d7a302f7d37e1d8648b7f61d2da46d215aede6ad991e35f780e794ea",
-          "sha1": "b68d51962848180ac90fcb20a9766fabd72327ad",
-          "md5": "792086c87c80e11e11b3e96d4b0a27d5"
+          "name": "expo.modules.ui-56.0.10-sources.jar",
+          "url": "expo.modules.ui-56.0.10-sources.jar",
+          "size": 87285,
+          "sha512": "767b2296610e6f8c7a584cc65177bb80da1d6ac06ca34fab03e1ecc261103e45b6ea3cc85df9b91d984dcfa8707392dc9353135245a7b88c25d7416498c9d57b",
+          "sha256": "d6ac0beac572ce308b1132edea5636af62174f38717a944fe96c577764fe15d0",
+          "sha1": "641e106db443c60a45679ceeb012d91ec9a8f92f",
+          "md5": "3c31f1e06290c7a6bd79ca48f3891a26"
         }
       ]
     }

package/local-maven-repo/expo/modules/ui/expo.modules.ui/56.0.10/expo.modules.ui-56.0.10.module.md5

@@ -0,0 +1 @@
+b55341163a3ae06e2fefc06835b1393a

package/local-maven-repo/expo/modules/ui/expo.modules.ui/56.0.10/expo.modules.ui-56.0.10.module.sha1

@@ -0,0 +1 @@
+b71c8eb0f34676f0c8f7a76488b7421f707ad21f

package/local-maven-repo/expo/modules/ui/expo.modules.ui/56.0.10/expo.modules.ui-56.0.10.module.sha256

@@ -0,0 +1 @@
+198b4ed7e41e942baee4eaa991399610ea101fde8bce73d83566ebf7df75055e

package/local-maven-repo/expo/modules/ui/expo.modules.ui/56.0.10/expo.modules.ui-56.0.10.module.sha512

@@ -0,0 +1 @@
+4c42d995a74d8cabb4544a4980d91172391b55b23e59b31b52a3fdf0680dd86bc043f34e07051b8a1a2f7255b45b00ff86095cd42b8119fda709138805ca33cc

package/local-maven-repo/expo/modules/ui/expo.modules.ui/{56.0.9/expo.modules.ui-56.0.9.pom → 56.0.10/expo.modules.ui-56.0.10.pom}

@@ -9,7 +9,7 @@
   <modelVersion>4.0.0</modelVersion>
   <groupId>expo.modules.ui</groupId>
   <artifactId>expo.modules.ui</artifactId>
-  <version>56.0.9</version>
+  <version>56.0.10</version>
   <packaging>aar</packaging>
   <name>expo.modules.ui</name>
   <url>https://github.com/expo/expo</url>

package/local-maven-repo/expo/modules/ui/expo.modules.ui/56.0.10/expo.modules.ui-56.0.10.pom.md5

@@ -0,0 +1 @@
+ad29a351aaea28c246a456f3ed5fbcaa

package/local-maven-repo/expo/modules/ui/expo.modules.ui/56.0.10/expo.modules.ui-56.0.10.pom.sha1

@@ -0,0 +1 @@
+b08134844384a6967513a2042a845a9293bbce8d

package/local-maven-repo/expo/modules/ui/expo.modules.ui/56.0.10/expo.modules.ui-56.0.10.pom.sha256

@@ -0,0 +1 @@
+fb9ffc15a2534764d7862228b4b481c4735c3bed15bf9ca8c7c911e7c5d02a39

package/local-maven-repo/expo/modules/ui/expo.modules.ui/56.0.10/expo.modules.ui-56.0.10.pom.sha512

@@ -0,0 +1 @@
+e454207a2d765563864f1b57c3c597433df193a6cecf46c9a56f9acee6f88e028cf6d68505926f8e6ab2a1a95cf5664d608ca93c570e763fa81d1366013b2b12

package/local-maven-repo/expo/modules/ui/expo.modules.ui/maven-metadata.xml

@@ -3,11 +3,11 @@
   <groupId>expo.modules.ui</groupId>
   <artifactId>expo.modules.ui</artifactId>
   <versioning>
-    <latest>56.0.9</latest>
-    <release>56.0.9</release>
+    <latest>56.0.10</latest>
+    <release>56.0.10</release>
     <versions>
-      <version>56.0.9</version>
+      <version>56.0.10</version>
     </versions>
-    <lastUpdated>20260519105316</lastUpdated>
+    <lastUpdated>20260520215036</lastUpdated>
   </versioning>
 </metadata>

package/local-maven-repo/expo/modules/ui/expo.modules.ui/maven-metadata.xml.md5

@@ -1 +1 @@
-8beb24b746da04389648d65442b3fb27
+1c8319dbe2c319d05f3defce9dfca28f

package/local-maven-repo/expo/modules/ui/expo.modules.ui/maven-metadata.xml.sha1

@@ -1 +1 @@
-8f014cd5ad5596a8660865918f34d57e96318181
+3f9e1260d005ec3203affdfa84145f38f93036a4

package/local-maven-repo/expo/modules/ui/expo.modules.ui/maven-metadata.xml.sha256

@@ -1 +1 @@
-00837d4c8ed40055be180e9910d9ed846227ab6602aef92f5f397e03348985db
+194c899143ea1ebba6113856a373494144b8bb9307db4eeaeda9003c40bc1f50

package/local-maven-repo/expo/modules/ui/expo.modules.ui/maven-metadata.xml.sha512

@@ -1 +1 @@
-400a09733b7b0b618213ee16be214463bc22a236e1073bd075d8e75a3ca278987524685812324ef7b2b52a0ec4be6a0ccd056dfc9e1f059080ba8c4594aa811f
+d0e985d2f7d710a0b5c6b30cead38097e0174bd188c39296b33348f5749fa1b7351d08e4b823d12af2a708a0e1c69f7032a6e678c89d79dd3d9c0ff837cfbf36

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expo/ui",
-  "version": "56.0.9",
+  "version": "56.0.10",
   "description": "A collection of UI components",
   "sideEffects": [
     "*.fx.js"
@@ -55,6 +55,10 @@
       "types": "./build/community/menu/index.d.ts",
       "default": "./src/community/menu/index.tsx"
     },
+    "./community/pager-view": {
+      "types": "./build/community/pager-view/index.d.ts",
+      "default": "./src/community/pager-view/index.tsx"
+    },
     "./babel-plugin": {
       "types": "./plugin/babel-plugin.d.ts",
       "default": "./plugin/babel-plugin.js"
@@ -91,7 +95,7 @@
     "@types/react": "~19.2.0",
     "react-native-reanimated": "4.3.1",
     "react-native-worklets": "0.8.3",
-    "expo": "56.0.0-preview.13",
+    "expo": "56.0.0",
     "expo-module-scripts": "56.0.2"
   },
   "jest": {
@@ -120,7 +124,7 @@
       "optional": true
     }
   },
-  "gitHead": "290368bc41026449a05a4ebf991b85c3a2fb0e3a",
+  "gitHead": "c4c9867a0bcbb188e55ecaec4998e38d33108a5d",
   "scripts": {
     "build": "expo-module build",
     "clean": "expo-module clean",

package/src/State/index.ts

@@ -0,0 +1,10 @@
+// Side-effect: installs the iOS UI worklet runtime and SharedObject
+// support in the worklet runtime. Routed through this barrel so the
+// installation happens exactly once per the bundler's module cache,
+// regardless of which entry consumers import from.
+import './index.fx';
+
+export { useNativeState, type ObservableState } from './useNativeState';
+export { useWorkletProp } from './useWorkletProp';
+export { worklets } from './optionalWorklets';
+export { getStateId } from './utils';

package/src/State/useNativeState.ts

@@ -71,11 +71,19 @@ type NativeObservableState = {
  * Adds a `value` property that delegates to the native `getValue`/`setValue` functions.
  */
 function defineValueProperty(state: NativeObservableState): void {
+  let warnedOnJSWrite = false;
   Object.defineProperty(state, 'value', {
     get() {
       return state.getValue();
     },
     set(v: unknown) {
+      if (__DEV__ && !warnedOnJSWrite && worklets && !worklets.isUIRuntime()) {
+        warnedOnJSWrite = true;
+        console.warn(
+          'ObservableState.value was set from the JS thread, the result may be unexpected. ' +
+            'Use a worklet to update the state.'
+        );
+      }
       state.setValue({ value: v });
     },
   });