Merge pull request #359 from dappforce/deploy/fix-bot

Fix ReCaptcha in Home Page Showing Challenge outside of the website

src/components/captcha/CaptchaInvisible.tsx

@@ -1,6 +1,5 @@
 import { getCaptchaSiteKey } from '@/utils/env/client'
 import React, { useRef } from 'react'
-import { createPortal } from 'react-dom'
 import ReCAPTCHA from 'react-google-recaptcha'
 import { toast } from 'react-hot-toast'
 import Toast from '../Toast'
@@ -39,16 +38,13 @@ export default function CaptchaInvisible({ children }: CaptchaInvisibleProps) {
       {children(runCaptcha, (className) => (
         <CaptchaTermsAndService className={className} />
       ))}
-      {createPortal(
-        <ReCAPTCHA
-          sitekey={getCaptchaSiteKey()}
-          theme='dark'
-          ref={captchaRef}
-          size='invisible'
-          badge='inline'
-        />,
-        document.body
-      )}
+      <ReCAPTCHA
+        sitekey={getCaptchaSiteKey()}
+        theme='dark'
+        ref={captchaRef}
+        size='invisible'
+        badge='inline'
+      />
     </>
   )
 }