title: Error with firebase Uncaught (in promise) FirebaseError: Missing or insufficient permissions
body: <p>can anyone help me fix this error, I'm just starting with firebase and having a lot of trouble.
  I don't see what I'm doing wrong and could not find any help in similar topics. Maybe I did something wrong when settings up firestore. Any help will be welcome.
  I have attached a picture of my console and also my firebase component and users component [![</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import React, { Component } from 'react'
  import fire from './fire';
  
  export default class Users extends Component {
      constructor() {
          super();
          this.state = {
           email: "",
           fullName: "",
           score: 0,
      
          };
      }
  
      updateInput = e =&gt; {
          this.setState({
            [e.target.name]: e.target.value
          });
        }
  
        addUser = e =&gt; {
          e.preventDefault();
      const db = fire.firestore();
      db.settings({
        timestampsInSnapshots: true
      });
      db.collection('users').add({
        name: this.state.fullName,
        age: this.state.email
      });
      this.setState({
        fullName: '',
        email: ''
      });
    };
  
      
    
      render() {
          return (
              &lt;div&gt;
                   &lt;form onSubmit={this.addUser}&gt;
            &lt;input
              type="text"
              name="fullname"
              placeholder="Full name"
              onChange={this.updateInput}
            /&gt;
            &lt;input
              type="email"
              name="email"
              placeholder="Email"
              onChange={this.updateInput}
            /&gt;
            &lt;button type="submit"&gt;Submit&lt;/button&gt;
          &lt;/form&gt;
              &lt;/div&gt;
          )
      }
  
  }</code></pre>
  </div>
  </div>
  </p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import firebase from 'firebase'
  
  
  var firebaseConfig = {
      apiKey: "AIzaSyDQYq4eLROxHG0rIZ8rggZ31_lKebWeptw",
      authDomain: "projectever-ea1f7.firebaseapp.com",
      projectId: "projectever-ea1f7",
      storageBucket: "projectever-ea1f7.appspot.com",
      messagingSenderId: "465265606000",
      appId: "1:465265606000:web:959b53535db63632ba63b5"
    };
    // Initialize Firebase
   const fire =  firebase.initializeApp(firebaseConfig);
  
   export default fire;</code></pre>
  </div>
  </div>
  </p>
  <p>]<a href="https://i.stack.imgur.com/uL4nb.png" rel="nofollow noreferrer">1</a>]<a href="https://i.stack.imgur.com/uL4nb.png" rel="nofollow noreferrer">1</a></p>