title: ReactJS Iframe not loading page
body: <p>I'm using react to build a web-app. In one of my components is an Iframe element to load an external website. When I run the react-app on localhost, the Iframe loads the external site with no issues. When I deploy the app on AWS Amplify, the Iframe loads nothing, and I upon inspecting the element in the browser, under the properties of the Iframe, I get this message:</p>
  
  <pre><code>src:
  [Exception: TypeError: Illegal invocation at HTMLIFrameElement.invokeGetter (&lt;anonymous&gt;:1:142)]
  </code></pre>
  
  <pre><code>const body = (
      &lt;div className={classes.modal}&gt;
        &lt;iframe className={classes.iframe} src={"http://www.website.com"}&gt;&lt;/iframe&gt;
      &lt;/div&gt;
    );
  </code></pre>
  
  <pre><code>&lt;Modal&gt;
          {body}
  &lt;/Modal&gt;
  </code></pre>
  
  <p>Like I said, everything works when I run it on localhost, I just need to figure out why this Illegal Invocation error is happening. Does anyone know what is going on here? I've been looking stuff up for 2 hours with no progress. Thank you</p>