rescript-react-native
diff --git a/.gitignore b/.gitignore
@@ -9,6 +9,5 @@ node_modules
 # ReScript artifacts
 # *.bs.js # we do want this files to ensure zero-cost
 .bsb.lock
-**/lib/bs
-**/lib/ocaml
+lib/
 **/.merlin
diff --git a/.node-version b/.node-version
@@ -1 +1 @@
-18
+24
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -3,9 +3,9 @@
   "description": "ReScript bindings for React Native.",
   "version": "0.83.0",
   "peerDependencies": {
-    "@rescript/react": ">=0.14.2",
+    "@rescript/react": ">=0.15.0",
     "react-native": ">=0.83.0",
-    "rescript": ">=11.0.0"
+    "rescript": ">=12.0.0"
   },
   "overrides": {
     "react": "^19.2.0"
@@ -28,24 +28,24 @@
   "scripts": {
     "prepare": "husky install",
     "format:most": "prettier --write \"**/*.{md,json,js,css}\"",
-    "format:res": "rescript format -all",
-    "format": "npm run format:most && npm run format:res",
-    "re:start": "rescript build -w",
-    "re:build": "rescript",
-    "re:clean-build": "rescript clean && rescript",
+    "format": "npm run format:most && npm run re:format",
+    "re:start": "rescript watch",
+    "re:build": "rescript build",
+    "re:clean": "rescript clean",
+    "re:format": "rescript format",
     "start": "npm run re:start",
     "build": "npm run re:build",
-    "test": "npm run re:clean-build",
+    "test": "npm run re:clean && npm run re:build",
     "release": "npmpub"
   },
   "devDependencies": {
-    "@rescript/react": "^0.14.2",
+    "@rescript/react": "^0.15.0",
     "husky": "^8.0.0",
     "lint-staged": "^13.0.0",
     "npm-run-all": "^4.0.0",
     "npmpub": "^5.0.0",
     "prettier": "^2.0.0",
-    "rescript": "^11.1.0"
+    "rescript": "~12.0.2"
   },
   "prettier": {
     "trailingComma": "all"

diff --git a/rescript.json b/rescript.json
@@ -5,23 +5,23 @@
     "version": 4
   },
   "package-specs": {
-    "module": "commonjs",
+    "module": "esmodule",
     "in-source": true
   },
-  "suffix": ".bs.js",
+  "suffix": ".res.js",
   "sources": [
     {
       "dir": "src",
       "subdirs": true
     }
   ],
-  "bsc-flags": [
+  "compiler-flags": [
     "-bs-no-version-header"
   ],
   "warnings": {
     "error": true
   },
-  "bs-dependencies": [
+  "dependencies": [
     "@rescript/react"
   ]
 }
diff --git a/src/apis/AccessibilityInfo.res b/src/apis/AccessibilityInfo.res
@@ -15,14 +15,11 @@ external addEventListener: @string
   | #announcementFinished(announcementResult => unit)
 ] => EventSubscription.t = "addEventListener"
 
-@scope("AccessibilityInfo") @module("react-native")
-external announceForAccessibility: string => unit = "announceForAccessibility"
-
 type announceForAccessibilityOptions = {queue?: bool}
 
 @scope("AccessibilityInfo") @module("react-native")
-external announceForAccessibilityWithOptions: (string, announceForAccessibilityOptions) => unit =
-  "announceForAccessibilityWithOptions"
+external announceForAccessibility: (string, ~options: announceForAccessibilityOptions=?) => unit =
+  "announceForAccessibility"
 
 @scope("AccessibilityInfo") @module("react-native")
 external getRecommendedTimeoutMillis: float => promise<float> = "getRecommendedTimeoutMillis"

diff --git a/src/apis/AccessibilityInfo.bs.js → src/apis/AccessibilityInfo.res.js b/src/apis/AccessibilityInfo.bs.js → src/apis/AccessibilityInfo.res.js
diff --git a/src/apis/ActionSheetIOS.bs.js → src/apis/ActionSheetIOS.res.js b/src/apis/ActionSheetIOS.bs.js → src/apis/ActionSheetIOS.res.js
diff --git a/src/apis/Alert.bs.js → src/apis/Alert.res.js b/src/apis/Alert.bs.js → src/apis/Alert.res.js
diff --git a/src/apis/Animated.bs.js b/src/apis/Animated.bs.js
diff --git a/src/apis/Animated.res b/src/apis/Animated.res
@@ -209,27 +209,23 @@ external stagger: (float, array<Animation.t>) => Animation.t = "stagger"
 
 type loopConfig = {iterations?: int, resetBeforeIteration?: bool}
 
-// multiple externals
-@module("react-native") @scope("Animated")
-external loop: Animation.t => Animation.t = "loop"
-
-// multiple externals
 @module("react-native") @scope("Animated")
-external loopWithConfig: (Animation.t, loopConfig) => Animation.t = "loop"
+external loop: (Animation.t, ~config: loopConfig=?) => Animation.t = "loop"
 
-type eventOptions<'a, 'platformConfig> = {
+type eventConfig<'a, 'platformConfig> = {
   listener?: 'a,
   useNativeDriver: bool,
   platformConfig?: 'platformConfig,
 }
 
 // multiple externals
 @module("react-native") @scope("Animated")
-external event1: (array<'mapping>, eventOptions<'a, 'platformConfig>) => 'a = "event"
+external event1: (array<'mapping>, ~config: eventConfig<'a, 'platformConfig>=?) => 'a = "event"
 
 // multiple externals
 @module("react-native") @scope("Animated")
-external event2: (('mapping1, 'mapping2), eventOptions<'a, 'platformConfig>) => 'a = "event"
+external event2: (('mapping1, 'mapping2), ~config: eventConfig<'a, 'platformConfig>=?) => 'a =
+  "event"
 
 @module("react-native") @scope("Animated")
 external createAnimatedComponent: React.component<'props> => React.component<'props> =