title: Axios with firebase does not return the data while putting it
body: <p>I am making a survey tool with React and Firebase with Axios, right now im trying to make a template feature where I have created a few survey templates which are stored in firebase and now when a user wants to access the template I am able to get the template as json but im not able to duplicate it onto their account as well.</p>
  
  <p>This is the code I am using to get the survey template</p>
  
  <pre><code>const fetchSurvey = async () =&gt; {
    const res = await axios.get(
      "/surveys/ckb0kmt3n000e3g5rmjnfw4go/content/questions.json"
    );
    console.log(res.data);
  };
  </code></pre>
  
  <p>where "ckb0kmt3n000e3g5rmjnfw4go" is the survey id, when I do this, the data successfully get logged onto the console, but when I create a new survey using this template:</p>
  
  <pre><code>const fetchSurvey = async () =&gt; {
    const res = await axios.get(
      "/surveys/ckb0kmt3n000e3g5rmjnfw4go/content/questions.json"
    );
    return res.data
  };
  const content = {
    title: "Your Survey Title",
    subTitle: "Your Survey Description",
    creatorDate: new Date(),
    lastModified: new Date(),
    questions: fetchSurvey(),
    submitting: true
  };
  this.setState({
    _id: newId(),
    content: content,
    userId: this.props.user_Id
  });
  
  
  }
  
  
  
      clickHandler = () =&gt; {
          const newSurvey = { ...this.state };
          axios
            .put(
              "/surveys/" + this.state._id + ".json?auth=" + this.props.token,
              newSurvey
            )
            .then(res =&gt; {
              this.props.onGetSurveyId(res.data._id);
            })
            .catch(error =&gt; {
              console.log(error);
            });
        };
  </code></pre>
  
  <p>After this, the survey does get created but the questions key will be missing and no questions are rendered.Please help me out</p>