Fix incorrect binding to portal function

examples/rumext/examples/core.cljs

@@ -5,6 +5,7 @@
    [rumext.examples.local-state :as local-state]
    [rumext.examples.refs :as refs]
    [rumext.examples.controls :as controls]
+   [rumext.examples.portals :as portals]
    [rumext.examples.board :as board]
    ;; [rumext.examples.errors :as errors]
    ))
@@ -17,6 +18,7 @@
 (refs/mount!)
 (controls/mount!)
 (board/mount!)
+(portals/mount!)
 
 (defn main
   [& args]

examples/rumext/examples/portals.cljs

@@ -1,22 +1,27 @@
 (ns rumext.examples.portals
-  #_(:require [rumext.core :as mx]
-            [rumext.examples.util :as util]))
+  (:require
+   [rumext.v2 :as mf]
+   [goog.dom :as dom]))
 
-;; (mx/defc portal
-;;   [*clicks]
-;;   [:div {:on-click (fn [_] (swap! *clicks inc))
-;;          :style { :user-select "none", :cursor "pointer" }}
-;;    "[ PORTAL Clicks: " @*clicks " ]"])
+(mf/defc portal*
+  {::mf/props :obj}
+  [{:keys [state]}]
+  [:div {:on-click (fn [_] (swap! state inc))
+         :style { :user-select "none", :cursor "pointer" }}
+   "[ PORTAL Clicks: " @state " ]"])
 
+(mf/defc portals*
+  []
+  (let [state (mf/use-state 0)]
+    [:div {:on-click (fn [_] (swap! state inc))
+           :style { :user-select "none", :cursor "pointer" }}
+     "[ ROOT Clicks: " @state " ]"
+     (mf/portal
+      (mf/html [:> portal* {:state state}])
+      (dom/getElement "portal-off-root"))]))
 
-;; (mx/defcs portals
-;;   {:mixins [(mx/local 0 ::*clicks)]}
-;;   [{*clicks ::*clicks}]
-;;   [:div {:on-click (fn [_] (swap! *clicks inc))
-;;          :style { :user-select "none", :cursor "pointer" }}
-;;    "[ ROOT Clicks: " @*clicks " ]"
-;;    (mx/portal (portal *clicks) (util/el "portal-off-root"))])
+(defonce root
+  (mf/create-root (dom/getElement "portals")))
 
-
-;; (defn mount! [el]
-;;   (mx/mount (portals) el))
+(defn ^:after-load mount! []
+  (mf/render! root (mf/element portals*)))

src/rumext/v2.cljs

@@ -9,7 +9,7 @@
   (:require-macros [rumext.v2 :refer [defc fnc]])
   (:require
    ["react" :as react]
-   ["react-dom/client" :as rdom]
+   ["react-dom" :as rdom]
    ["react/jsx-runtime" :as jsxrt]
    [cljs.core :as c]
    [goog.functions :as gf]

src/rumext/v2/compiler.clj

@@ -39,7 +39,7 @@
 
 (def default-handlers
   {:> (fn [& [_ tag props :as children]]
-        (when (> 3 (count children))
+        (when (> 2 (count children))
           (throw (ex-info "invalid params for `:>` handler, tag and props are mandatory"
                           {:params children})))