title: Image is fetched from firebase storage but src value is unable to set in react ANTD Avatar component
body: <p>I am using Avatar antd component. My image is fetched from the Firebase storage.</p>
  <p>Here is the code which I already implemented.</p>
  <pre><code>  test = (imageName) =&gt; {
      if (imageName)
      {
          firebaseConfig.storage().ref().child(`users/${imageName}`).getDownloadURL().then(url =&gt; {
              return url;
          })
      }
      else{
          return &quot;https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png&quot;;
      }
  }
  </code></pre>
  <p>Here imagename will be considered as child name as you can see in the code.</p>
  <p>Now, I will show you How I call that function from the class component.</p>
  <pre><code> &lt;Avatar src={this.test(imagename)} /&gt;
  </code></pre>
  <p>It is working fine if imagename is null.</p>
  <p>Would you please help me to do so as I am new for React and Firebase.</p>