Fix tab not selecting and Error: No protocol method IDeref.-deref defined for type string: (#14194)

* Fix laziness and let defined in render

src/quo2/components/tabs/tabs.cljs

@@ -10,21 +10,22 @@
 (def default-tab-size 32)
 
 (defn tabs [{:keys [default-active on-change style]}]
+  (let [active-tab-id (reagent/atom default-active)]
     (fn [{:keys [data size] :or {size default-tab-size}}]
-    (let [active-id @default-active]
       [rn/view (merge {:flex-direction :row} style)
+       (doall
         (for [{:keys [label id]} data]
           ^{:key id}
           [rn/view {:style {:margin-right (if (= size default-tab-size) 12 8)}}
            [tab/tab
             {:id       id
              :size     size
-            :active   (= id active-id)
-            :on-press (fn [^js press-event id]
-                        (reset! default-active id)
+             :active   (= id @active-tab-id)
+             :on-press (fn []
+                         (reset! active-tab-id id)
                          (when on-change
-                          (on-change press-event id)))}
-           label]])])))
+                           (on-change id)))}
+            label]]))])))
 
 (defn- calculate-fade-end-percentage
   [{:keys [offset-x content-width layout-width max-fade-percentage]}]