title: [Unhandled promise rejection: TypeError: undefined is not an object (evaluating '_ref.about')]
body: <p>firstly tho don't judge me i am abit new to the whole react native scene and the Javascript scene and learning mainly react native for my final capstone for school.</p>
  
  <p><a href="https://i.stack.imgur.com/5Bl85.png" rel="nofollow noreferrer">My Firestore Database</a></p>
  
  <p>In the picture you will see my database i am trying to do it with async but i am running into a problem. </p>
  
  <p><strong>My goal</strong></p>
  
  <p>Be able to add and eventually edit/update the users info to show on the profile page and the settings page through front end. </p>
  
  <p><strong>Whats Happening so far</strong></p>
  
  <p>I am able to get it working through backend work. Meaning I am physically going into my database and adding and changing it that way but thats not what I want to happen. i want my users to have full control. </p>
  
  <p><strong>My about me section from my Settings Page</strong></p>
  
  <pre><code>&lt;Block row space="between" margin={[10, 0]} style={styles.inputRow}&gt;
                &lt;Block&gt;
                &lt;Text gray2 style={{ marginBottom: 10 }}&gt;
                    Bio
                  &lt;/Text&gt;
                  {this.renderEdit("about")}
                &lt;/Block&gt;
                &lt;Text
                  medium
                  secondary
                  onPress={() =&gt; this.toggleEdit("about")}
                &gt;
  
                  {editing === "about" ? "Save" : "Edit"}
  
                &lt;/Text&gt;
               &lt;Button 
                  onPress={() =&gt; { 
                   Fire.shared.addInfo(); 
                  }} 
                  title="Add" 
              /&gt;       
              &lt;/Block&gt; 
  </code></pre>
  
  <p>So far it's not an error but just a warning and i'm sure i'm missing more pieces of code in order to make it work </p>
  
  <p><strong>My add info Section of my fire.js page</strong></p>
  
  <pre><code> addInfo =  async({ about }) =&gt; {
  
              return new Promise ((res, rej) =&gt; {
                  this.firestore
                  .collection("users")
                  .add ({
                     about,
                  })
                  .then(ref =&gt; {
                      res(ref);
                  })
                  .catch(error =&gt; {
                      rej(error);
                  });
              });
            };
  </code></pre>
  
  <p>what am i doing wrong here. I am so lost if anyone can help that would be great  </p>