diff --git a/frontend/src/app/main/ui/viewer.cljs b/frontend/src/app/main/ui/viewer.cljs
index 6df9120f1..8d1e315ba 100644
--- a/frontend/src/app/main/ui/viewer.cljs
+++ b/frontend/src/app/main/ui/viewer.cljs
@@ -545,16 +545,16 @@
 
 (mf/defc viewer-page
   [{:keys [file-id] :as props}]
-  (mf/use-effect
-   (mf/deps file-id)
-   (fn []
-     (st/emit! (dv/initialize props))
-     (fn []
-       (st/emit! (dv/finalize props)))))
+
+  (mf/with-effect [file-id]
+    (st/emit! (dv/initialize props))
+    (fn []
+      (st/emit! (dv/finalize props))))
 
   (if-let [data (mf/deref refs/viewer-data)]
     (let [key (str (get-in data [:file :id]))]
       [:& viewer {:params props :data data :key key}])
+
     [:div.loader-content.viewer-loader
      i/loader-pencil]))