clojurescript 2020-12-07

fsd22:12:05

Hello everyone, I have a `shadow-cljs` react application. I am trying to add external yarn package react-google-recaptcha for google recaptcha human verification. The problem is its rendering an empty div <div> </div> Need help. required in ns [“react-google-recaptcha” :refer [ReCAPTCHA]] ($ ReCAPTCHA { :sitekey “APIKYS” :size “normal” :onChange #(handleChange)})

p-himik03:12:13

What is $?

Michaël Salihi10:12:29

I supose that $ come from the Helix lib (React wrapper). ~~If so, maybe you can try~~

($ ReCAPTCHA
  #js {:sitekey "APIKYS"                                       
       :size "normal"                                       
       :onChange #(handleChange)})

Michaël Salihi10:12:18

Forget about my last suggestion. In fact, you should try to call you required like that ["react-google-recaptcha" :default ReCAPTCHA]

Michaël Salihi10:12:11

The lib export only one default class https://github.com/dozoisch/react-google-recaptcha/blob/master/src/recaptcha.js#L4

Michaël Salihi10:12:42

You can find a useful table in Shadow-CLJS docs here: https://shadow-cljs.github.io/docs/UsersGuide.html#_using_npm_packages

fsd15:12:41

Thanks so much everyone @UFBL6R4P3 I was able the get it working by using your second suggestion ["react-google-recaptcha" :default ReCAPTCHA] Ty 🙌:skin-tone-2:

fsd15:12:11

@U2FRKM4TW $ is Helix lib

👍 6

Michaël Salihi16:12:40

My pleasure. 👍

🙌 3

2020-12-07

Channels