title: Rare document reads bug with firebase, react and redux-saga
body: <p>I'm trying to get some documents from firebase using redux-saga for the async functions. I'm using <code>useEffect</code> hook on my component to send the start actions:</p>
  <pre><code>  useEffect(() =&gt; {
        fetchUnfilteredAsyncStart(); // start action saga 1
        storeAvailableTagsStart(); // start action saga 2
    }, [fetchUnfilteredAsyncStart, storeAvailableTagsStart]);
  </code></pre>
  <p>All good here, now the two saga functions:</p>
  <pre><code>// saga 1
  function* fetchUnfilteredAsync() {
    // first document
    const articlesRef = db
      .collection('articles_september')
      .orderBy(&quot;date_db&quot;, &quot;desc&quot;)
      .limit(1);
    // inital fetch from firebase
    try {
      const res = yield articlesRef.get({ source: &quot;server&quot; })
        .then((snapshot) =&gt; {
        // storing last element from collection
        const lastRef = snapshot.docs[snapshot.docs.length - 1];
        const articles = [];
        snapshot.forEach((article) =&gt;
          articles.push([article.data(), article.id])
        );
        return [articles, lastRef];
      });
      // firing success actions to store data on reducer
      yield put(fetchUnfilteredArticlesSuccess(res[0]));
      yield put(storeLastUnfilteredElement(res[1]));
    } catch (error) {
      yield put(fetchUnfilteredArticlesFailure(error));
    }
  }
  </code></pre>
  <hr />
  <pre><code>// saga 2
  function* storeAvailableTagsAsync() {
    // second document
    const tagsRef = db.doc(`available_tags/wAAVxYZYRYjqdLGXa1kn`);
  
    try {
      const res = yield tagsRef.get({ source: &quot;server&quot; }).then((doc) =&gt; {
        return doc.data().available_tags;
      });
  
      yield put(storeAvailableTagsSuccess(res));
    } catch (error) {
      yield put(storeAvailableTagsFailure(error));
    }
  }
  </code></pre>
  <p>A pretty basic use of the <code>get()</code> method. My problem is that every time I run my development server <code>npm start</code> for the first time I get 16 document reads on firebase, when I should be getting only 2. The funny part is that after the <code>npm start</code> every time I refresh the page I get the 2 reads I should be getting since the start. Even when I do a hard refresh, I'm still getting 2 reads, but if I stop the server and restart it, I get 16 reads again! Please help.</p>