title: React form successfully sending data to Firebase Firestore, yet still getting 'net::ERR_BLOCKED_BY_CLIENT' error
body: <p>I have a react form <code>SignUp.js</code> that is responsible for signing up new users to my firebase app, and then submitting user data to a <code>user</code> collection. The users are successfully signed up and their data is added to the collection, however I'm still getting the error in the browser:</p>
  <blockquote>
  <p>POST <a href="https://firestore.googleapis.com/google.firestore...." rel="nofollow noreferrer">https://firestore.googleapis.com/google.firestore....</a>. ::ERR_BLOCKED_BY_CLIENT</p>
  </blockquote>
  <p>Any ideas as to why?</p>
  <p>Here's the form component</p>
  <p><em><strong>SignUp.js</strong></em></p>
  <pre><code>import { useState,useEffect } from 'react'
  import { firebase } from '../firebaseConfig'
  import { getAuth, createUserWithEmailAndPassword } from 'firebase/auth'
  
  const SignUp = () =&gt; {
  
      const [{ userName, email, password },setFormDetails] = useState({ userName:'', email:'', password:''})
  
      const handleChange = (e) =&gt; {
          e.preventDefault()
          const { name, value } = e.target
          setFormDetails(prevForm =&gt; ({
              ...prevForm,
              [name]: value
          }))
      }
  
  const handleSubmit =  async (e) =&gt; {
      e.preventDefault()
      const auth = getAuth()
      const createdUserResult = createUserWithEmailAndPassword(auth,email,password)     
      await firebase
      .firestore()
      .collection('users')
      .add({
          dateCreated: Date.now(),
          emailAddress: email,
          username: userName,
          userId: (await createdUserResult).user.uid
      })
  }
  
      useEffect(() =&gt; {
          document.title = '*******'
      },[])
  
      return(
          &lt;div&gt;
              &lt;form onSubmit = {handleSubmit} method = 'POST'&gt;
                  &lt;input
                      type = 'text'
                      placeholder = 'Username'
                      aria-label = 'Enter your username'
                      name = 'userName'
                      onChange = {handleChange}
                  /&gt;
                  &lt;input
                      type = 'text'
                      placeholder = 'Email'
                      aria-label = 'Enter your email'
                      name = 'email'
                      onChange = {handleChange}
                  /&gt;
                  &lt;input
                      type = 'password'
                      placeholder = 'Password'
                      aria-label = 'Enter your password'
                      name = 'password'
                      onChange = {handleChange}
                  /&gt;
                  &lt;button type ='submit'&gt;
                      Sign up
                  &lt;/button&gt;
              &lt;/form&gt;
          &lt;/div&gt;
      )
  }
  
  export default SignUp
  </code></pre>