title: infinite loop when try to using iframe in React
body: <p>I am trying to use iframe to show pdf file in react. When I use iframe tag, it results in an infinite loop. Why dose this happen? how to fix this.Thanks.
  Here is the code:</p>
  <pre><code>function App() {
    return (
      &lt;div className=&quot;App&quot;&gt;
        &lt;iframe src=&quot;./assets/files/time.pdf&quot; width=&quot;80%&quot; height=&quot;100%&quot;&gt;
           Download the PDF&lt;a href=&quot;/index.pdf&quot;&gt;Download PDF&lt;/a&gt;
        &lt;/iframe&gt;
      &lt;/div&gt;
    );
  }
  export default App;
  </code></pre>
  <p>I got the following results like this:
  <a href="https://i.stack.imgur.com/Vr25o.png" rel="nofollow noreferrer">enter image description here</a></p>