What am I doing wrong on below code? I'm getting this error

Uncaught Error: No protocol method IDeref.-deref defined for type cljs.core/PersistentArrayMap: {:on-seek #object[handle_on_seek], :duration 570.98449, :current-time 0}

(defn seek-bar [{:keys [on-seek duration current-time :as props]}]
  (let [state (r/atom {:percentage 0
                       :width 0}) 
        handle-mouse-move (fn [e]
                            (let [rect (.getBoundingClientRect (.-currentTarget e))
                                  x (js/Math.floor (.-pageX e))
                                  curr (- x (js/Math.floor (.-x rect)))
                                  percentage (as-> (/ (* 100 curr) (js/Math.floor (- (.-right rect) (.-left rect)))) percent
                                               (if (neg? percent) 0 percent))]
                              (swap! state assoc :percentage percentage)
                              (js/console.log (:percentage @state))))]
    (fn [state current-time]
      [:div {:class "flex flex-1 h-2 w-full cursor-pointer"
             :on-mouse-move handle-mouse-move
             :on-click (fn [_] (on-seek (compute-current-time (:percentage @state) duration)))}
       [:div {:class "flex flex-1 h-2 items-center bg-gray-400 relative w-full"}
            ; [:div {:class "absolute h-0 z-10 m-0 p-2 border border-purple-800 bg-purple-800 rounded-full"
            ;        :style {:left (str (- (:current-position @state) (or (some-> @marker (.-offsetWidth) (/ 2)) 0)) "px")}
            ;        :ref (fn [el] (reset! marker el))}]
        [:div {:class "absolute h-2 bg-purple-800"
               :style {:width (str (percentage current-time duration) "%")}}]]])))