Merge pull request #35 from lumihq/react-18

React 18 Dependency Updates

bower.json

@@ -16,7 +16,7 @@
     "dependencies": {
         "purescript-arrays": "^v7.0.0",
         "purescript-colors": "^v7.0.1",
-        "purescript-either": "^v6.0.0",
+        "purescript-either": "^v6.1.0",
         "purescript-foreign": "^v7.0.0",
         "purescript-foreign-object": "^v4.0.0",
         "purescript-functions": "^v6.0.0",

examples/basic/package.json

@@ -1,11 +1,11 @@
 {
   "dependencies": {
-    "@emotion/react": "^11.1.5",
-    "react": "17.0.2",
-    "react-dom": "17.0.2"
+    "@emotion/react": "^11.9.3",
+    "react": "18.0.0",
+    "react-dom": "18.0.0"
   },
   "devDependencies": {
     "browserify": "17.0.0",
-    "esbuild": "^0.14.42"
+    "esbuild": "^0.14.49"
   }
 }

examples/basic/src/Main.purs

@@ -6,7 +6,7 @@ import Data.Maybe (Maybe(..))
 import Effect (Effect)
 import Effect.Exception (throw)
 import React.Basic.Hooks (element)
-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)
@@ -18,7 +18,8 @@ main = do
   case container of
     Nothing -> throw "Container element not found."
     Just c -> do
+      root <- createRoot c
       ex <- mkEx
       let
         app = element ex {}
-      render app c
+      renderRoot root app