♻️ Refactor main app component.

frontend/src/uxbox/main.cljs

@@ -69,7 +69,7 @@
     (when (:auth storage)
       (st/emit! (udu/fetch-profile)))
 
-    (mf/mount (ui/app) (dom/get-element "app"))
+    (mf/mount (mf/element ui/app) (dom/get-element "app"))
     (mf/mount (lightbox) (dom/get-element "lightbox"))
     (mf/mount (mf/element modal) (dom/get-element "modal"))
     (mf/mount (loader) (dom/get-element "loader"))

frontend/src/uxbox/main/ui.cljs

@@ -11,7 +11,6 @@
    [cuerdas.core :as str]
    [lentes.core :as l]
    [potok.core :as ptk]
-   [rumext.core :as mx]
    [rumext.alpha :as mf]
    [uxbox.builtins.icons :as i]
    [uxbox.main.data.auth :refer [logout]]
@@ -81,16 +80,13 @@
 
 ;; --- Main App (Component)
 
-(mf/def app
-  :mixins [mx/reactive]
+(def route-iref
+  (-> (l/key :route)
+      (l/derive st/state)))
 
-  :init
-  (fn [own props]
-    (assoc own ::route-ref (l/derive (l/key :route) st/state)))
-
-  :render
-  (fn [own props]
-    (let [route (mx/react (::route-ref own))
+(mf/defc app
+  [props]
+  (let [route (mf/deref route-iref)
         route-id (get-in route [:data :name])]
     (case route-id
       :auth/login (mf/element auth/login-page)
@@ -119,5 +115,5 @@
                             :page-id page-id
                             :key page-id}])
 
-        nil
-        ))))
+      nil)))
+