hello, I'm trying to use a third party UI library with Reagent, not sure I fully understand when to use :>

(defn hello-component []
  [:> cui/Button {:variantColor "green"} "Button"])

this one doesnt work

but this one:

(defn hello-component []
  [:cui/Button {:variantColor "green"} "Button"])

works

but it won't take the props

What "doesn't work" mean?

I get the following

TypeError: right-hand side of 'in' should be an object, got undefined

The above error occurred in the <Button> component:
    in Button (created by devcards.main.hello_component)
    in devcards.main.hello_component
    in devcards.main.hello_component (created by DevcardBase)
    in div (created by DevcardBase)
    in div (created by DevcardBase)
    in div (created by DevcardBase)
    in DevcardBase (created by DevcardsRoot)
    in div (created by DevcardsRoot)
    in div (created by DevcardsRoot)
    in div (created by DevcardsRoot)
    in div (created by DevcardsRoot)
    in DevcardsRoot