title: React helmet not overriding the title and meta tags
body: <p>I am developing a project in react. I have given the default title tag and meta tags in <strong>index.html</strong>. I am trying to update the title and meta tag for each page through props using <strong>react-helmet</strong>. The title tag gets updated but only for a few seconds. Whenever I change the browser tab after 5-10 secs, the title reverts back to the default value. As for the other meta tags, those tags do not override at all.</p>
  
  <p><strong>index.html</strong></p>
  
  <pre><code>&lt;head&gt;
    &lt;title&gt;Content...&lt;/title&gt;
    &lt;meta name="description" content="description/&gt;
  &lt;/head&gt;
  </code></pre>
  
  <p><strong>My Component</strong></p>
  
  <pre><code>&lt;Helmet&gt;
    &lt;title&gt;{this.state.meta_title}&lt;/title&gt;
    &lt;meta name="description" content={this.state.meta_description}/&gt;
  &lt;/Helmet&gt;
  </code></pre>
  
  <p>I tried using <strong><em>data-react-helmet="true"</em></strong>.</p>
  
  <pre><code>&lt;meta name="description" content={this.state.meta_description} data-react-helmet="true"/&gt;
  </code></pre>
  
  <p>but it didn't help. I am trying to fix this problem from last two days but no luck. If anyone can help me, please help.</p>
  
  <p><strong>Update</strong></p>
  
  <p>I got the solution. I was calling the <strong>Helmet</strong> inside the page. When I called the <strong>Helmet</strong> component inside the <strong>App.js</strong> file, it started working. The title issue is fixed but the meta tags are not updating. New meta tags get to add at the bottom of the head.</p>