Créer reCAPTCHA avec Google

Bonjour les amis

Je suis en train de mettre en place le reCAPTCHA de Google sur un projet Symfony.

J'utilise le bundle BeelabRecaptcha2Bundle

J'ai l'impression d'avoir fait tous ce qui est demandé dans la doc

Mais je rencontre deux soucis.

Le premier c'est mon bouton ne s'affiche pas

Et le deuxieme est que j'ai un message d'erreur qui me dit que mon reCAPTCHA est invalid

Voici mon formType

        ->add('captcha', RecaptchaSubmitType::class, [
            'label' => true
        ])

Voici ma vue

                    {{ form_start(formRegister) }}
                        <div class="row">

                            <div class="form-group col-12">
                                <label>Pseudo</label>
                                {{form_widget(formRegister.username)}}
                            </div>
                        </div>

                        <div class="row">
                            <div class="form-group col-12">
                            {{form_widget(formRegister.password)}}
                            </div>
                        </div>

                        <div class="row">
                            <div class="form-group col-12">
                                <label>Adresse mail22</label>
                                {{form_widget(formRegister.email)}}
                            </div>
                        </div>
                    {{ form_end(formRegister)}}

Voici mon JS

<script type="text/javascript">
    function recaptchaCallback (token) {
        var elem = document.querySelector(".g-recaptcha");
        while ((elem = elem.parentElement) !== null) {
            if (elem.nodeType === Node.ELEMENT_NODE && elem.tagName === 'FORM') {
                elem.submit();
                break;
            }
        }
    } 
</script>

J'arrive pas à comprendre pourquoi j'ai ces erreurs !