Я пытаюсь добавить Google Recaptcha в мою форму Гэтсби и не вижу его.В консоли отображается следующая ошибка: «reCAPTCHA не может найти предоставленную пользователем функцию: onloadCallback»
Я выполнил инструкции Netlify для настройки пользовательской капчи: https://www.netlify.com/docs/form-handling/
Это, однако, не сработало для меня.Я не могу видеть Recaptcha.
В моей форме у меня есть:
- В теге формы: 'data-netlify-recaptcha = true "
- У меня естьdiv, как указано в Документах Google:
<div className="g-recaptcha" data-sitekey={siteKey}
data-theme="dark"></div>
Я установил gatsby-plugin-recaptcha в свой gatsby-config.js следующим образом:
{
resolve: `gatsby-plugin-recaptcha`,
options: {
async: true,
defer: false,
args: `?onload=onloadCallback&render=explicit`,
}
},
Я занимаюсь отправкой, отправляя POST с использованием Formik:
fetch("/", {
method: "POST",
headers: { 'Content-Type': "application/x-www-form-urlencoded"},
body: encode({"form-name": "contact", ...values}),
})
.then(() => alert("Your form has been received."));
Я не вижу, что я делаю неправильно.Что я могу сделать, чтобы отобразить капчу и заставить ее работать правильно?