Using React hooks with Reagent

hooks-with-reagent.cljs

;; Reagent component that depends on Ratom
(def counter-state (r/atom 0))
(defn counter [params]
  [:<>
   [:div (str params)]
   [:div @counter-state]
   [:button {:on-click #(swap! counter-state inc)} "Inc"]])

;; Wrapper component that will be rendered as React element, will call hooks and pass values from hooks to Reagent component
;; currently using `useParams` hook from `react-router-dom`, but any hook can be used
(defn params-container [props]
  (let [params (useParams)
        children (aget props "children")]
    (r/as-element
     [children params])))

;; component usage, counter will have access to data from hooks
[:> params-container counter]