chore: Better onload

HaydnCCI · Sep 11, 2020 · c4bfa3f · c4bfa3f
1 parent b194bbb
commit c4bfa3f
Showing 1 changed file with 8 additions and 9 deletions.
diff --git a/src/components/common/recaptcha.js b/src/components/common/recaptcha.js
@@ -16,23 +16,22 @@ const Recaptcha = () => {
   const captchaRef = useRef(false)
 
   useEffect(() => {
-    if (
-      typeof window !== 'undefined' &&
-      typeof window.grecaptcha !== 'undefined'
-    ) {
-      window.grecaptcha.render(captchaRef.current, {
-        siteKey: data.site.siteMetadata.recaptchaKey,
-      })
-    }
+    if (typeof window !== 'undefined')
+      window.recaptchaOnload = () => {
+        window.grecaptcha.render(captchaRef.current, {
+          siteKey: data.site.siteMetadata.recaptchaKey,
+        })
+      }
   }, [])
 
   return (
     <>
       <Helmet>
-        <script src="https://www.google.com/recaptcha/api.js?render=explicit" />
+        <script src="https://www.google.com/recaptcha/api.js?render=explicit&onload=recaptchaOnload" />
       </Helmet>
       <div
         className="g-recaptcha"
+        ref={captchaRef}
         data-sitekey={data.site.siteMetadata.recaptchaKey}
       />
     </>