Merge pull request #17 from lumihq/react-18

Upgrade to React 18
purescript-react · Jul 8, 2022 · 2e4aa5e · 2e4aa5e
2 parents 499c6e4 + 8c02ed1
commit 2e4aa5e
Show file tree

Hide file tree

Showing 19 changed files with 183 additions and 269 deletions.
diff --git a/examples/actions/package-lock.json b/examples/actions/package-lock.json
diff --git a/examples/actions/package.json b/examples/actions/package.json
@@ -4,8 +4,8 @@
     "build": "spago build"
   },
   "dependencies": {
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "devDependencies": {
     "parcel": "^2.6.0",

diff --git a/examples/actions/src/Main.purs b/examples/actions/src/Main.purs
@@ -6,7 +6,7 @@ import Actions (actions)
 import Data.Maybe (Maybe(..))
 import Effect (Effect)
 import Effect.Exception (throw)
-import React.Basic.DOM (render)
+import React.Basic.DOM.Client (createRoot, renderRoot)
 import Web.DOM.NonElementParentNode (getElementById)
 import Web.HTML (window)
 import Web.HTML.HTMLDocument (toNonElementParentNode)
@@ -17,6 +17,7 @@ main = do
   container <- getElementById "container" =<< (map toNonElementParentNode $ document =<< window)
   case container of
     Nothing -> throw "Container element not found."
-    Just c  ->
+    Just c  -> do
+      root <- createRoot c
       let app = actions { label: "Increment" }
-       in render app c
+      renderRoot root app
diff --git a/examples/async/package-lock.json b/examples/async/package-lock.json
diff --git a/examples/async/package.json b/examples/async/package.json
@@ -4,8 +4,8 @@
     "build": "spago build"
   },
   "dependencies": {
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "devDependencies": {
     "parcel": "^2.6.0",

diff --git a/examples/async/src/Main.purs b/examples/async/src/Main.purs
@@ -6,7 +6,7 @@ import AsyncCounter (asyncCounter)
 import Data.Maybe (Maybe(..))
 import Effect (Effect)
 import Effect.Exception (throw)
-import React.Basic.DOM (render)
+import React.Basic.DOM.Client (createRoot, renderRoot)
 import Web.DOM.NonElementParentNode (getElementById)
 import Web.HTML (window)
 import Web.HTML.HTMLDocument (toNonElementParentNode)
@@ -17,6 +17,7 @@ main = do
   container <- getElementById "container" =<< (map toNonElementParentNode $ document =<< window)
   case container of
     Nothing -> throw "Container element not found."
-    Just c  ->
+    Just c  -> do
+      root <- createRoot c
       let app = asyncCounter { label: "Async Increment" }
-       in render app c
+      renderRoot root app