title: How to navigate to another page without re-rendering?
body: <p>I want something like this.
  Example: Whenever I search for a product from a different page it should navigate to product page and it shouldn't rerender. Because if it rerender it would trigger componentDidMount and replace my searched items.</p>
  <p>Here I dispatch the search keyword after finding the products I am pushing it to prebuilds page</p>
  <pre><code> const onSearch = async(e) =&gt; {
      if(e.which === 13 &amp;&amp; searchKeyword !== null || e.type === 'click' &amp;&amp; searchKeyword !== null){
        await dispatch(searchProduct(searchKeyword))
        props.history.push('/Prebuilds')
      }
    }
  </code></pre>
  <p>When it navigates to this page it triggers componentDidMount</p>
  <pre><code>componentDidMount(){
      this.props.onInitPrebuilds()
    }
  </code></pre>
  <p>I tried using shouldComponentUpdate it didn't worked.
  Thanks in advance.</p>