lint

src/react_native/core.cljs

@@ -199,6 +199,15 @@
   [handler deps]
   (react/useMemo handler (get-js-deps deps)))
 
+(defn delay-render
+  [content]
+  (let [[render? set-render] (use-state false)]
+    (use-mount
+     (fn []
+       (reagent/next-tick #(set-render true))))
+    (when render?
+      content)))
+
 (def layout-animation (.-LayoutAnimation ^js react-native))
 (def configure-next (.-configureNext ^js layout-animation))
 

src/status_im/contexts/profile/settings/view.cljs

@@ -15,12 +15,12 @@
 
 (defn- settings-item-view
   [data]
-  [rf/delay-render
+  (rn/delay-render
    [quo/category
     {:list-type       :settings
      :container-style {:padding-bottom 12}
      :blur?           true
-     :data            data}]])
+     :data            data}]))
 
 (defn scroll-handler
   [event scroll-y]
@@ -29,9 +29,9 @@
 
 (defn- footer
   [{:keys [bottom]} logout-press]
-  [rf/delay-render
+  (rn/delay-render
    [rn/view {:style (style/footer-container bottom)}
-    [quo/logout-button {:on-press logout-press}]]])
+    [quo/logout-button {:on-press logout-press}]]))
 
 (defn- get-item-layout
   [_ index]

src/utils/re_frame.cljs

@@ -4,7 +4,6 @@
     [re-frame.core :as re-frame]
     [re-frame.interceptor :as interceptor]
     [re-frame.interop :as rf.interop]
-    [reagent.core :as reagent]
     [taoensso.timbre :as log]
     [utils.datetime :as datetime])
   (:refer-clojure :exclude [merge reduce]))
@@ -80,14 +79,6 @@
     (swap! handler-nesting-level dec)
     res))
 
-(defn delay-render
-  [_]
-  (let [render? (reagent/atom false)]
-    (js/setTimeout #(reset! render? true) 0)
-    (fn [content]
-      (when @render?
-        content))))
-
 (def sub (comp deref re-frame/subscribe))
 
 (def dispatch re-frame/dispatch)