why defnc bean property is not interoperable with helix.dom ?

denfc_input.clj

(ns app.ui.tw
  (:require
    ["react" :as r]
    ["react-dom" :as rdom]
    ["react-hook-form" :as rhf]
    ["react-router-dom" :as rr]
    [app.myhelix :refer [defnc]]
    [helix.core :as hx :refer [$ <>]]
    [helix.dom :as d]
    [helix.hooks :as hooks]
    ))

(defnc Input
  [props]
  (.log js/console props)
  (d/input props))

(defnc SomeComponent
  [props]
  ($ Input {:class "form-input"}))

I get:
react-dom.development.js:13414 Uncaught Error: Objects are not valid as a React child (found: object with keys {meta, obj, prop__GT_key, key__GT_prop, recursive_QMARK_, __arr, __cnt, __hash, cljs$lang$protocol_mask$partition0$, cljs$lang$protocol_mask$partition1$}). If you meant to render a collection of children, use an array instead.