feat: add more React canary hooks

src/React.re

@@ -879,4 +879,9 @@ module Experimental = {
   /* This module is used to bind to APIs for future versions of React. There is no guarantee of backwards compatibility or stability. */
 
   [@mel.module "react"] external use: Js.Promise.t('a) => 'a = "use";
+
+  [@mel.module "react"]
+  external useOptimistic:
+    ('state, ('state, 'a) => 'state) => ('state, 'a => 'a) =
+    "useOptimistic";
 };

src/React.rei

@@ -568,6 +568,11 @@ external useTransition: unit => (bool, callback(callback(unit, unit), unit)) =
 module Experimental: {
   /* This module is used to bind to APIs for future versions of React. There is no guarantee of backwards compatibility or stability. */
   [@mel.module "react"] external use: Js.Promise.t('a) => 'a = "use";
+
+  [@mel.module "react"]
+  external useOptimistic:
+    ('state, ('state, 'a) => 'state) => ('state, 'a => 'a) =
+    "useOptimistic";
 };
 
 [@mel.set]

src/ReactDOM.re

@@ -1547,3 +1547,20 @@ external jsxs: (string, domProps) => React.element = "jsxs";
 [@mel.module "react/jsx-runtime"]
 external jsxsKeyed: (string, domProps, ~key: string=?, unit) => React.element =
   "jsxs";
+
+module Experimental = {
+  [@mel.module "react-dom"]
+  external useFormState:
+    ('state => 'state, 'state, ~permalink: string=?) => ('state, unit => unit) =
+    "useFormState";
+
+  type formStatus('formData) = {
+    pending: bool,
+    data: 'formData,
+    method: string,
+    action: Js.Nullable.t(unit => unit),
+  };
+
+  [@mel.module "react-dom"]
+  external useFormStatus: unit => formStatus('formData) = "useFormStatus";
+};

src/ReactDOM.rei

@@ -1548,3 +1548,20 @@ external jsxs: (string, domProps) => React.element = "jsxs";
 [@mel.module "react/jsx-runtime"]
 external jsxsKeyed: (string, domProps, ~key: string=?, unit) => React.element =
   "jsxs";
+
+module Experimental: {
+  [@mel.module "react-dom"]
+  external useFormState:
+    ('state => 'state, 'state, ~permalink: string=?) => ('state, unit => unit) =
+    "useFormState";
+
+  type formStatus('formData) = {
+    pending: bool,
+    data: 'formData,
+    method: string,
+    action: Js.Nullable.t(unit => unit),
+  };
+
+  [@mel.module "react-dom"]
+  external useFormStatus: unit => formStatus('formData) = "useFormStatus";
+};