title: How do I get a website to display in the body of my reactjs app?
body: <p>I created a <a href="https://gkwhelps.herokuapp.com" rel="nofollow noreferrer">site</a> that I hosted on the web, now I would like to create a button that allows the user to access this site directly in my reactjs application without having to be redirected to another page in my navigator. For this I wrote the following code:</p>
  <pre><code>&lt;Button
          component={NavLink}
          activeClassName={classes.activeBtn}
          to=&quot;/searchEngine&quot;
          className={classes.buttonItemMiddle}
        &gt;
          {location.pathname == '/searchEngine' ? (
            &lt;Home fontSize=&quot;large&quot; style={{ color: 'rgb(0,133,243)' }} /&gt;
          ) : (
            &lt;HomeOutlined fontSize=&quot;large&quot; /&gt;
          )}
        &lt;/Button&gt; 
  </code></pre>
  <p>and I inserted this code in my <code>App.js</code> file:</p>
  <pre><code>&lt;Route path='/searchEngine' component={() =&gt; { 
                            window.location.replace('https://gkwhelps.herokuapp.com'); 
                            return null;
                            }}/&gt;
  </code></pre>
  <p>It did create a button but whenever I click on it I automatically quit my reactjs app and get redirected to the other site. Yet what I would like is for my site to be wrapped in my reactjs application. I have uploaded the solution on some stack overflow questions and on this <a href="https://www.digitalocean.com/community/tutorials/how-to-create-wrapper-components-in-react-with-props-fr" rel="nofollow noreferrer">blog</a> but without success.</p>