rescript-react-native · Freddy03h · Apr 10, 2026 · Mar 10, 2026 · Mar 10, 2026 · Mar 18, 2026
diff --git a/src/apis/AccessibilityInfo.res b/src/apis/AccessibilityInfo.res
@@ -67,8 +67,10 @@ type accessibilityEventTypes = [
 ]
 
 @scope("AccessibilityInfo") @module("react-native")
-external sendAccessibilityEvent: (NativeElement.ref, accessibilityEventTypes) => unit =
-  "sendAccessibilityEvent"
+external sendAccessibilityEvent: (
+  Ref.t<DOMAPI.element<'nativeElement>>,
+  accessibilityEventTypes,
+) => unit = "sendAccessibilityEvent"
 
 @scope("AccessibilityInfo") @module("react-native")
 external prefersCrossFadeTransitions: unit => promise<bool> = "prefersCrossFadeTransitions"
diff --git a/src/components/ActivityIndicator.bs.js b/src/components/ActivityIndicator.bs.js
@@ -2,5 +2,6 @@
 
 var NativeElement$ReactNative = require("../elements/NativeElement.bs.js");
 
+NativeElement$ReactNative.Impl({});
 
-/* NativeElement-ReactNative Not a pure module */
+/*  Not a pure module */
diff --git a/src/components/ActivityIndicator.res b/src/components/ActivityIndicator.res
@@ -1,4 +1,8 @@
-include NativeElement
+type nativeElement
+
+include NativeElement.Impl({
+  type t = nativeElement
+})
 
 @unboxed
 type size = | @as("small") Small | @as("large") Large | Number(float)

diff --git a/src/components/Button.bs.js b/src/components/Button.bs.js
@@ -2,5 +2,6 @@
 
 var NativeElement$ReactNative = require("../elements/NativeElement.bs.js");
 
+NativeElement$ReactNative.Impl({});
 
-/* NativeElement-ReactNative Not a pure module */
+/*  Not a pure module */
diff --git a/src/components/Button.res b/src/components/Button.res
@@ -1,4 +1,8 @@
-include NativeElement
+type nativeElement
+
+include NativeElement.Impl({
+  type t = nativeElement
+})
 
 type props = {
   ref?: ref,

diff --git a/src/components/Image.bs.js b/src/components/Image.bs.js
@@ -3,6 +3,8 @@
 var Event$ReactNative = require("../apis/Event.bs.js");
 var NativeElement$ReactNative = require("../elements/NativeElement.bs.js");
 
+NativeElement$ReactNative.Impl({});
+
 var Source = {};
 
 Event$ReactNative.SyntheticEvent({});

diff --git a/src/components/Image.res b/src/components/Image.res
@@ -1,4 +1,8 @@
-include NativeElement
+type nativeElement
+
+include NativeElement.Impl({
+  type t = nativeElement
+})
 
 type cache = [
   | #default

diff --git a/src/components/ImageBackground.bs.js b/src/components/ImageBackground.bs.js
@@ -2,5 +2,6 @@
 
 var NativeElement$ReactNative = require("../elements/NativeElement.bs.js");
 
+NativeElement$ReactNative.Impl({});
 
-/* NativeElement-ReactNative Not a pure module */
+/*  Not a pure module */
diff --git a/src/components/ImageBackground.res b/src/components/ImageBackground.res
@@ -1,4 +1,8 @@
-include NativeElement
+type nativeElement
+
+include NativeElement.Impl({
+  type t = nativeElement
+})
 
 type props = {
   ref?: ref,

diff --git a/src/components/KeyboardAvoidingView.bs.js b/src/components/KeyboardAvoidingView.bs.js
@@ -2,5 +2,6 @@
 
 var NativeElement$ReactNative = require("../elements/NativeElement.bs.js");
 
+NativeElement$ReactNative.Impl({});
 
-/* NativeElement-ReactNative Not a pure module */
+/*  Not a pure module */
diff --git a/src/components/KeyboardAvoidingView.res b/src/components/KeyboardAvoidingView.res
@@ -1,4 +1,8 @@
-include NativeElement
+type nativeElement
+
+include NativeElement.Impl({
+  type t = nativeElement
+})
 
 type behavior = [#height | #position | #padding]
 

diff --git a/src/components/Modal.bs.js b/src/components/Modal.bs.js
@@ -3,6 +3,8 @@
 var Event$ReactNative = require("../apis/Event.bs.js");
 var NativeElement$ReactNative = require("../elements/NativeElement.bs.js");
 
+NativeElement$ReactNative.Impl({});
+
 Event$ReactNative.SyntheticEvent({});
 
 var OrientationChangeEvent = {};

diff --git a/src/components/Modal.res b/src/components/Modal.res
@@ -1,4 +1,8 @@
-include NativeElement
+type nativeElement
+
+include NativeElement.Impl({
+  type t = nativeElement
+})
 
 type orientation = [
   | #landscape

diff --git a/src/components/Pressable.bs.js b/src/components/Pressable.bs.js
@@ -2,5 +2,6 @@
 
 var NativeElement$ReactNative = require("../elements/NativeElement.bs.js");
 
+NativeElement$ReactNative.Impl({});
 
-/* NativeElement-ReactNative Not a pure module */
+/*  Not a pure module */
diff --git a/src/components/Pressable.res b/src/components/Pressable.res
@@ -1,4 +1,8 @@
-include NativeElement
+type nativeElement
+
+include NativeElement.Impl({
+  type t = nativeElement
+})
 
 type rippleConfig = {
   borderless?: bool,

diff --git a/src/components/ProgressBarAndroid.bs.js b/src/components/ProgressBarAndroid.bs.js
@@ -2,5 +2,6 @@
 
 var NativeElement$ReactNative = require("../elements/NativeElement.bs.js");
 
+NativeElement$ReactNative.Impl({});
 
-/* NativeElement-ReactNative Not a pure module */
+/*  Not a pure module */
diff --git a/src/components/ProgressBarAndroid.res b/src/components/ProgressBarAndroid.res
@@ -1,4 +1,8 @@
-include NativeElement
+type nativeElement
+
+include NativeElement.Impl({
+  type t = nativeElement
+})
 
 type styleAttr = [
   | #Horizontal

diff --git a/src/components/RefreshControl.bs.js b/src/components/RefreshControl.bs.js
@@ -2,5 +2,6 @@
 
 var NativeElement$ReactNative = require("../elements/NativeElement.bs.js");
 
+NativeElement$ReactNative.Impl({});
 
-/* NativeElement-ReactNative Not a pure module */
+/*  Not a pure module */
diff --git a/src/components/RefreshControl.res b/src/components/RefreshControl.res
@@ -1,4 +1,8 @@
-include NativeElement
+type nativeElement
+
+include NativeElement.Impl({
+  type t = nativeElement
+})
 
 type props = {
   ref?: ref,

diff --git a/src/components/SafeAreaView.bs.js b/src/components/SafeAreaView.bs.js
@@ -2,5 +2,6 @@
 
 var NativeElement$ReactNative = require("../elements/NativeElement.bs.js");
 
+NativeElement$ReactNative.Impl({});
 
-/* NativeElement-ReactNative Not a pure module */
+/*  Not a pure module */
diff --git a/src/components/SafeAreaView.res b/src/components/SafeAreaView.res
@@ -1,4 +1,8 @@
-include NativeElement
+type nativeElement
+
+include NativeElement.Impl({
+  type t = nativeElement
+})
 
 type props = {
   ref?: ref,

diff --git a/src/components/Switch.bs.js b/src/components/Switch.bs.js
@@ -2,5 +2,6 @@
 
 var NativeElement$ReactNative = require("../elements/NativeElement.bs.js");
 
+NativeElement$ReactNative.Impl({});
 
-/* NativeElement-ReactNative Not a pure module */
+/*  Not a pure module */
diff --git a/src/components/Switch.res b/src/components/Switch.res
@@ -1,4 +1,8 @@
-include NativeElement
+type nativeElement
+
+include NativeElement.Impl({
+  type t = nativeElement
+})
 
 type trackColor = {
   \"true"?: Color.t,

diff --git a/src/components/Text.bs.js b/src/components/Text.bs.js
@@ -2,5 +2,6 @@
 
 var NativeElement$ReactNative = require("../elements/NativeElement.bs.js");
 
+NativeElement$ReactNative.Impl({});
 
-/* NativeElement-ReactNative Not a pure module */
+/*  Not a pure module */
diff --git a/src/components/Text.res b/src/components/Text.res
@@ -1,4 +1,8 @@
-include NativeElement
+type nativeElement
+
+include NativeElement.Impl({
+  type t = nativeElement
+})
 
 type android_hyphenationFrequency = [
   | #normal

diff --git a/src/components/TouchableHighlight.bs.js b/src/components/TouchableHighlight.bs.js
@@ -2,5 +2,6 @@
 
 var NativeElement$ReactNative = require("../elements/NativeElement.bs.js");
 
+NativeElement$ReactNative.Impl({});
 
-/* NativeElement-ReactNative Not a pure module */
+/*  Not a pure module */
diff --git a/src/components/TouchableHighlight.res b/src/components/TouchableHighlight.res
@@ -1,4 +1,8 @@
-include NativeElement
+type nativeElement
+
+include NativeElement.Impl({
+  type t = nativeElement
+})
 
 type props = {
   ref?: ref,

diff --git a/src/components/TouchableNativeFeedback.bs.js b/src/components/TouchableNativeFeedback.bs.js
@@ -2,7 +2,9 @@
 
 var NativeElement$ReactNative = require("../elements/NativeElement.bs.js");
 
+NativeElement$ReactNative.Impl({});
+
 var Background = {};
 
 exports.Background = Background;
-/* NativeElement-ReactNative Not a pure module */
+/*  Not a pure module */
diff --git a/src/components/TouchableNativeFeedback.res b/src/components/TouchableNativeFeedback.res
@@ -1,4 +1,8 @@
-include NativeElement
+type nativeElement
+
+include NativeElement.Impl({
+  type t = nativeElement
+})
 
 module Background = {
   type t

diff --git a/src/components/TouchableWithoutFeedback.bs.js b/src/components/TouchableWithoutFeedback.bs.js
@@ -2,5 +2,6 @@
 
 var NativeElement$ReactNative = require("../elements/NativeElement.bs.js");
 
+NativeElement$ReactNative.Impl({});
 
-/* NativeElement-ReactNative Not a pure module */
+/*  Not a pure module */
diff --git a/src/components/TouchableWithoutFeedback.res b/src/components/TouchableWithoutFeedback.res
@@ -1,4 +1,8 @@
-include NativeElement
+type nativeElement
+
+include NativeElement.Impl({
+  type t = nativeElement
+})
 
 type coreProps = {
   accessible?: bool,

diff --git a/src/components/View.bs.js b/src/components/View.bs.js
@@ -2,5 +2,6 @@
 
 var NativeElement$ReactNative = require("../elements/NativeElement.bs.js");
 
+NativeElement$ReactNative.Impl({});
 
-/* NativeElement-ReactNative Not a pure module */
+/*  Not a pure module */
diff --git a/src/components/View.res b/src/components/View.res
@@ -1,4 +1,8 @@
-include NativeElement
+type nativeElement
+
+include NativeElement.Impl({
+  type t = nativeElement
+})
 
 // @todo in 0.71.0
 // after adding `aria-*` props, make sure `aria-checked` can be true, false or "mixed"

diff --git a/src/elements/DrawerLayoutAndroidElement.bs.js b/src/elements/DrawerLayoutAndroidElement.bs.js
@@ -1,10 +1,10 @@
 'use strict';
 
-var NativeMethods$ReactNative = require("./NativeMethods.bs.js");
+var NativeElement$ReactNative = require("./NativeElement.bs.js");
 var DrawerLayoutAndroidMethods$ReactNative = require("./DrawerLayoutAndroidMethods.bs.js");
 
-DrawerLayoutAndroidMethods$ReactNative.Make({});
+NativeElement$ReactNative.Impl({});
 
-NativeMethods$ReactNative.Make({});
+DrawerLayoutAndroidMethods$ReactNative.Make({});
 
 /*  Not a pure module */
diff --git a/src/elements/DrawerLayoutAndroidElement.res b/src/elements/DrawerLayoutAndroidElement.res
@@ -1,10 +1,9 @@
-type element
-type ref = Ref.t<element>
+type nativeElement
 
-include DrawerLayoutAndroidMethods.Make({
-  type t = element
+include NativeElement.Impl({
+  type t = nativeElement
 })
 
-include NativeMethods.Make({
+include DrawerLayoutAndroidMethods.Make({
   type t = element
 })
diff --git a/src/elements/NativeElement.bs.js b/src/elements/NativeElement.bs.js
@@ -1,7 +1,15 @@
 'use strict';
 
+var DOMAPI$ReactNative = require("../types/DOMAPI.bs.js");
 var NativeMethods$ReactNative = require("./NativeMethods.bs.js");
 
+function Impl(T) {
+  NativeMethods$ReactNative.Make({});
+  DOMAPI$ReactNative.$$Element.Impl({});
+  return {};
+}
+
 NativeMethods$ReactNative.Make({});
 
+exports.Impl = Impl;
 /*  Not a pure module */
diff --git a/src/elements/NativeElement.res b/src/elements/NativeElement.res
@@ -1,6 +1,29 @@
+module Impl = (
+  T: {
+    type t
+  },
+) => {
+  type element = DOMAPI.element<T.t>
+  type ref = Ref.t<element>
+
+  external unsafeFromAnyElement: DOMAPI.anyElement => element = "%identity"
+
+  include NativeMethods.Make({
+    type t = element
+  })
+
+  include DOMAPI.Element.Impl({
+    type t = element
+  })
+}
+
+@deprecated("Use NativeElement.Impl instead of accessing element type directly.")
 type element
+
+@warning("-3")
 type ref = Ref.t<element>
 
+@warning("-3")
 include NativeMethods.Make({
   type t = element
 })
diff --git a/src/elements/ScrollViewElement.bs.js b/src/elements/ScrollViewElement.bs.js
@@ -1,7 +1,10 @@
 'use strict';
 
+var NativeElement$ReactNative = require("./NativeElement.bs.js");
 var ScrollViewMethods$ReactNative = require("./ScrollViewMethods.bs.js");
 
+NativeElement$ReactNative.Impl({});
+
 ScrollViewMethods$ReactNative.Make({});
 
 /*  Not a pure module */