How can I validate recaptcha in Livewire class ??

Hello guys, Please anyone can help me to do Recaptcha in the Livewire class?

I recently moved my contact form to a livewire component and everything works except my google Recaptcha it no longer works.

// Validate contact info $this->validate([ 'name' => 'required|min:4|max:30', 'email' => 'required|email', 'subject' => 'required|min:5|max:100', 'message' => 'required|min:30|max:500', 'g-recaptcha-response' => config('services.recaptcha.key') ? 'required|recaptcha' : 'nullable', ]);

component form

<!-- google recaptcha --> @if(config('services.recaptcha.key')) <div > <div wire:model.defer="g-recaptcha-response" data-sitekey="{{config('services.recaptcha.key')}}"> </div> @error('g-recaptcha-response') <span role="alert"> <strong>{{ $message }}</strong> </span> @enderror </div> @endif