Hello 👋. I'm trying to use react/useEffect inside of a reagent component, and I'm getting this error:

Invalid hook call. Hooks can only be called inside of the body of a function component.

(defn todo-edit [props]
  (let [ref (react/useRef)]
    (react/useEffect (fn []
                       (.focus (.-current ref))
                       js/undefined))
    [todo-input (assoc props :input-ref ref)]))

(defn repl-output []
  (react/useEffect (fn []
                     (prn "highlighting code blocks")
                     (.. js/window -hljs (highlightAll))))
  [:pre [:code {:class "language-clojure"} ":hello"]])

(defn main []
  (rdom.client/render (rdom.client/create-root (js/document.getElementById "output")) [repl-output]))