title: undefined is not an object (evaluating ' _firebase.firebase.firestore
body: <p>i want to fetch all data from firestore and show on a list</p>
  
  <pre><code>export const fetchAds = () =&gt; {
  return dispatch =&gt; {
  firebase
    .firestore()
    .collection("ads")
    .get()
    .then(ads =&gt; {
      dispatch({ type: FETCH_ADS, ads });
    });
   };
  };
  </code></pre>
  
  <p>this is my actions file</p>
  
  <pre><code>import * as actions from "../../actions"; 
  
  class HomeScreen extends Component {
  
   renderAds() {
  return this.props.ads.map((ad, index) =&gt; {
    return &lt;Cards key={index} ad={ad} /&gt;;
   });
  }
    function mapStateToProps(state) {
     return {
       ads: state.ads.data
    };
    }
  
  export default connect(
     mapStateToProps
     )(HomeScreen);
  </code></pre>
  
  <p>this is my list where i can show it but it show me the error undefined is not an object (evaluating ' _firebase.firebase.firestore</p>