title: Using React Browser history push gives strange error duplicate Components
body: <p>I learn react and I created a <a href="https://codesandbox.io/s/masonry-forked-715od?file=/src/sections/RadionButtons.js" rel="nofollow noreferrer">CodeSandbox</a> for this problem</p>
  <p>On the top screen there are two buttons that suppose to show Foto Album 1 and 2.
  Default is Album 1.
  Pressing Button Album 2 show the album but also it creates a new Component so there are two gallerys</p>
  <p>I follow tutorial for React History but I must have missed something right please advice.
  The TimeLineViewer.js is the Gallery holding a Masonry style Gallery</p>
  <p>Is it the call to:</p>
  <pre><code>this.props.history.push({
    pathname: &quot;/timeLineViewer&quot;,
    state: { week: &quot;1&quot; }
  });
  </code></pre>
  <p>That injects a new Gallery under existing?</p>
  <p><a href="https://i.stack.imgur.com/hjPuK.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hjPuK.png" alt="enter image description here" /></a></p>