title: React application consuming too much Firebase download data
body: <p>I created a simple application that fetches the data from the firebase real-time database:</p>
  <pre><code>get(child(dbRef, `article`).then((snapshot) =&gt; {
              if (snapshot.exists()) {
                  //processing 
              } else {
                  console.log(&quot;No data available&quot;);
              }
          }).catch((error) =&gt; {
              console.error(error);
          });
  </code></pre>
  <p>I have around 100 articles in the database, which I am displaying on the frontend using react application.</p>
  <p>As soon as I start my application and try using this page it downloads around 100 kb of data but Firebase shows that approx 300 MB is downloaded.</p>
  <p>I am a bit confused about what I am doing wrong.</p>
  <p>Below is the chart showing downloads in 1 hour, where I was fetching the list of articles and shows on the screen ( I tested it for 40 minutes):
  <a href="https://i.stack.imgur.com/mwk7z.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mwk7z.png" alt="Firebse chart" /></a></p>
  <p>Every time I make a request chart shows 300-400 MB downloaded.</p>
  <p>Please let me know if any other details are required to understand this issue.</p>