Clojurians Log v2

Hello, I have build a sidebar using Animated API and PanResponder. During development the sidebar works as expected. When I build an APK for production using EAS , the sidebar works for the first time then it is unresponsive. My code looks like this,

(defn sidebar []
  (let [drawer-open? (r/atom false)
        drawer-value (new rn/Animated.Value (if @drawer-open? 0 -290))
        animate-drawer (fn []
                         (-> drawer-value
                             (rn/Animated.spring #js {:toValue (if @drawer-open?
                                                                 0
                                                                 -290)
                                                      :friction 8
                                                      :useNativeDriver false})
                             (.start)))
        pan-responder (rn/PanResponder.create #js {:onStartShouldSetPanResponder (fn [arg]
                                                                                   true)
                                                   :onPanResponderGrant (fn []
                                                                          (.setOffset drawer-value drawer-value._value))
                                                   :onPanResponderMove (rn/Animated.event (clj->js [nil
                                                                                                    {:dx drawer-value}])
                                                                                          (clj->js {:useNativeDriver false}))
                                                   :onPanResponderRelease (fn [e state]
                                                                            (let [clj-value (walk/keywordize-keys
                                                                                             (js->clj state))]
                                                                              (when (> (:dx clj-value) 10)
                                                                                (reset! drawer-open? true))
                                                                              (when (< (:dx clj-value) -10)
                                                                                (reset! drawer-open? false))
                                                                              (.flattenOffset drawer-value)
                                                                              (animate-drawer)))})]
    (fn []
      [:> rn/View {:style {:alignItems :flex-start}}
       [:> menu-icon
        {:name "menu"
         :size 30
         :position :absolute
         :z-index 1
         :color :red
         :onPress (fn []
                    (swap! drawer-open? not)
                    (animate-drawer))}]]
      [:> rn/Animated.View (merge (js->clj (.-panHandlers pan-responder))
                                  {:style {:flex 1
                                           :transform [{:translateX (.interpolate drawer-value
                                                                                  #js {:inputRange #js [-280 0]
                                                                                       :outputRange #js [-280 0]
                                                                                       :extrapolateRight "clamp"})}]
                                           :backgroundColor "transparent"
                                           :position "absolute"
                                           :height "100%"
                                           :width 300
                                           :flexDirection "column"}})])))

I can't figure out the problem. Has anyone encountered similar issues? Thanks and apologies for the long code.