This page is not created by, affiliated with, or supported by Slack Technologies, Inc.
2023-09-21
Channels
- # announcements (12)
- # architecture (26)
- # beginners (165)
- # biff (19)
- # calva (25)
- # circleci (2)
- # clj-kondo (25)
- # clojure (70)
- # clojure-dev (17)
- # clojure-europe (37)
- # clojure-nl (1)
- # clojure-norway (22)
- # clojure-spec (10)
- # clojure-sweden (1)
- # clojure-uk (24)
- # clojurescript (10)
- # clr (9)
- # cursive (17)
- # data-science (2)
- # datahike (1)
- # deps-new (1)
- # dev-tooling (3)
- # emacs (3)
- # events (7)
- # helix (10)
- # honeysql (1)
- # hugsql (3)
- # humbleui (3)
- # hyperfiddle (30)
- # introduce-yourself (3)
- # jobs (1)
- # malli (4)
- # music (1)
- # off-topic (3)
- # pathom (3)
- # polylith (6)
- # portal (7)
- # re-frame (16)
- # reitit (3)
- # releases (3)
- # remote-jobs (1)
- # shadow-cljs (23)
- # xtdb (14)
Hi, I am importing Web3Button from @web3modal/react and when I try to render it in main function I get two warning messages in my console that says :
Warning: <Web3Button /> is using incorrect casing. Use PascalCase for React components, or lowercase for HTML elements. Web3Button
Warning: The tag <Web3Button> is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter.
Any idea why this happen and how to fix this since my button isnt even rendered ?
I cant find anythin helpful online....
More details in the reply section(defn Application []
(js/console.log "Hello world!")
[:<>
[:div
[:h1 "Wallet Connect V2"]
[:div
[:h2 "my web3 component"]
[:Web3Button]]]])
(defn app []
(let [container (js/document.getElementById "app")
root (rdom/createRoot container)]
(.render root (r/as-element [Application]))))
My headers are rendered but not the buttonAlso, add :>
in front of it since it's a React component.
Finally for future reference, #C0620C0C8 would be the right place for such questions.
thanks @U2FRKM4TW
but i've got another error :
Uncaught Error: Assert failed: Invalid Hiccup tag: [:>WagmiConfig {:config #object[Config [object Object]]} [:>Web3Button]] (in connectwallet.core.Application) (= ">" n)
Will go make a post in #C0620C0C8