feat: rename use function to usePromise in Experimental module

Author: pedrobslisboa

demo/client/DummyRouterRSC.re

@@ -48,7 +48,7 @@ module App = {
 
   [@react.component]
   let make = () => {
-    let initialElement = React.Experimental.use(initialRSCModel);
+    let initialElement = React.Experimental.usePromise(initialRSCModel);
     let (layout, setLayout) = React.useState(() => initialElement);
 
     let navigate = search => {

demo/client/Router.re

@@ -16,7 +16,7 @@ let initialRSCModel =
 module ClientApp = {
   [@react.component]
   let make = () => {
-    let initialElement = React.Experimental.use(initialRSCModel);
+    let initialElement = React.Experimental.usePromise(initialRSCModel);
     <Supersonic.Router> initialElement </Supersonic.Router>;
   };
 };

demo/client/SinglePageRSC.re

@@ -1,7 +1,7 @@
 module App = {
   [@react.component]
   let make = (~promise) => {
-    React.Experimental.use(promise);
+    React.Experimental.usePromise(promise);
   };
 };
 

demo/server/pages/Comments.re

@@ -45,7 +45,7 @@ module Data = {
 module Comments = {
   [@react.async.component]
   let make = () => {
-    let comments = React.Experimental.use(Data.promise());
+    let comments = React.Experimental.usePromise(Data.promise());
 
     Lwt.return(
       <div className="flex gap-4 flex-col">

demo/universal/native/shared/Promise_renderer.re

@@ -5,7 +5,7 @@ open Melange_json.Primitives;
 module Reader = {
   [@react.component]
   let make = (~promise: Js.Promise.t(string)) => {
-    let value = React.Experimental.use(promise);
+    let value = React.Experimental.usePromise(promise);
     let%browser_only onMouseOver = _ev => {
       Js.log("Over the promise!");
     };

dune-project

@@ -42,7 +42,7 @@
   (melange-json (>= 2.0.0))
   (melange-json-native (>= 2.0.0))
   (melange-webapi (>= 0.21.0))
-  reason-react
+  (reason-react (>= 0.16.0))
 
   ; Documentation
   (odoc :with-doc)

packages/react/src/React.ml

@@ -643,7 +643,7 @@ exception Suspend of any_promise
 let suspend promise = raise (Suspend (Any_promise promise))
 
 module Experimental = struct
-  let use promise =
+  let usePromise promise =
     match Lwt.state promise with
     | Sleep -> suspend promise
     (* TODO: Fail should raise a FailedSupense and catch at renderTo*? *)

packages/react/src/React.mli

@@ -701,7 +701,7 @@ end
 val suspend : 'a Lwt.t -> unit
 
 module Experimental : sig
-  val use : 'a Lwt.t -> 'a
+  val usePromise : 'a Lwt.t -> 'a
 end
 
 val useTransition : unit -> bool * ((unit -> unit) -> unit)

packages/reactDom/test/test_renderToStream.ml

@@ -60,7 +60,7 @@ let react_use_without_suspense () =
     React.Upper_case_component
       ( "app",
         fun () ->
-          let delay = React.Experimental.use (Sleep.delay 0.01) in
+          let delay = React.Experimental.usePromise (Sleep.delay 0.01) in
           React.createElement "div" [] [ React.createElement "span" [] [ React.string "Hello "; React.float delay ] ] )
   in
   let%lwt stream, _abort = ReactDOM.renderToStream app in
@@ -105,7 +105,7 @@ let suspense_with_react_use () =
     React.Upper_case_component
       ( "time",
         fun () ->
-          let delay = React.Experimental.use (Sleep.delay 0.05) in
+          let delay = React.Experimental.usePromise (Sleep.delay 0.05) in
           React.createElement "div" [] [ React.createElement "span" [] [ React.string "Hello "; React.float delay ] ] )
   in
   let app () = React.Suspense.make ~fallback:(React.string "Loading...") ~children:time () in

packages/server-reason-react-ppx/cram/client-component-e2e.t/input.re

@@ -12,7 +12,7 @@ let make =
       ~children: React.element,
       ~promise: Js.Promise.t(string),
     ) => {
-  let value = React.Experimental.use(promise);
+  let value = React.Experimental.usePromise(promise);
   <div>
     {React.string(lola.name)}
     {React.int(initial)}