Phone Auth is working locally but when the app is deployed the phone auth isnt working. When i enter my number and click to receive otp , i run into a error.

POST https://identitytoolkit.googleapis.com/v1/accounts:sendVerificationCode?key=AIzaSyDAcA6ooS6Rzg0jlAItTbWxM3ADJqCX2lE 400

this is my code:

getOTP(){
  this.recaptchaVerifier = new RecaptchaVerifier('phone-verify',
   {size: 'invisible'}, this.local_auth)

   let vnumber = this.verify.value.number.slice(1)
   vnumber = '+27' + vnumber
   console.log(vnumber)

   signInWithPhoneNumber(this.local_auth, vnumber, this.recaptchaVerifier)
   .then((confirmation) => {

     localStorage.setItem('verificationId',JSON.stringify(confirmation.verificationId))

   }).then((response) => {
     console.log(response)
   })
   .catch((err) => {
     console.log(err.messge)
     setTimeout(() => {
       window.location.reload()}, 5000)
   })
}

any ideas or advice or solutions would be welcomed...