upgrade to react 18 in todomvc example

examples/todomvc/package.json

@@ -9,7 +9,7 @@
   },
   "dependencies": {
     "highlight.js": "11.1.0",
-    "react": "17.0.2",
-    "react-dom": "17.0.2"
+    "react": "18.2.0",
+    "react-dom": "18.2.0"
   }
 }

examples/todomvc/shadow-cljs.edn

@@ -1,6 +1,6 @@
 {:dependencies
- [[reagent                              "1.1.0"]
-  [re-frame                             "1.2.0"]
+ [[reagent                              "1.2.0"]
+  [re-frame                             "1.3.0"]
   [zprint/zprint                        "1.2.7"]
   [day8.re-frame/tracing                "0.6.2"]
   [com.yahoo.platform.yui/yuicompressor "2.4.8"
@@ -21,7 +21,7 @@
    :modules
    {:todomvc
     {:init-fn todomvc.core/main
-     :preloads [day8.re-frame-10x.preload]}}
+     :preloads [day8.re-frame-10x.preload.react-18]}}
    :dev
    {:compiler-options
     {:infer-externs false

examples/todomvc/src/todomvc/core.cljs

@@ -2,7 +2,7 @@
   (:require-macros [secretary.core :refer [defroute]])
   (:require [goog.events :as events]
             [reagent.core :as reagent]
-            [reagent.dom :as rdom]
+            [reagent.dom.client :as rdc]
             [re-frame.core :refer [dispatch dispatch-sync]]
             [secretary.core :as secretary]
     ;; These two are only required to make the compiler
@@ -51,11 +51,13 @@
 ;;    }
 ;; So this is the entry function that kicks off the app once the HTML is loaded.
 ;;
+
+(defonce react-root
+  (rdc/create-root (.getElementById js/document "app")))
+
 (defn main
   []
       ;; Render the UI into the HTML's <div id="app" /> element
       ;; The view function `todomvc.views/todo-app` is the
       ;; root view for the entire UI.
-  (rdom/render [todomvc.views/todo-app]
-               (.getElementById js/document "app")))
-
+  (rdc/render react-root [todomvc.views/todo-app]))