fixed some bugs

src/components/sections/contact/form/index.tsx

@@ -1,5 +1,6 @@
 import { useState } from 'react' //add useRef
-// import { ReCAPTCHA } from 'react-google-recaptcha'
+// eslint-disable-next-line import/no-named-as-default
+import ReCAPTCHA from 'react-google-recaptcha'
 import Select from 'react-select'
 
 import { Container } from '~/components/layout/container'
@@ -127,11 +128,7 @@ const CustomForm = ({ data }: FormProps) => {
             onChange={(e) => setText(e.target.value)}
           ></textarea>
         </label>
-        {/* <ReCAPTCHA
-          // siteKey={process.env.NEXT_PUBLIC_RECAPTCHA_SITE_KEY}
-          size="invisible"
-          ref={reRef}
-        /> */}
+
         <Button size="medium" variant="primary">
           {data?.formLabelButton}
         </Button>
@@ -151,6 +148,7 @@ const Form = ({ data }: DataProps) => {
           <span>{data?.formWarning}</span>
         </div>
         <CustomForm data={data} />
+        <ReCAPTCHA sitekey={process.env.NEXT_PUBLIC_RECAPTCHA_SITE_KEY} />
         <div className={s['gradient']} />
       </Container>
     </Section>