{"componentChunkName":"component---src-templates-docs-js","path":"/docs/javascript-environment-requirements.html","result":{"data":{"markdownRemark":{"html":"<p>React 18 supports all modern browsers (Edge, Firefox, Chrome, Safari, etc).</p>\n<p>If you support older browsers and devices such as Internet Explorer which do not provide modern browser features natively or have non-compliant implementations, consider including a global polyfill in your bundled application.</p>\n<p>Here is a list of the modern features React 18 uses:</p>\n<ul>\n<li><a href=\"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><code class=\"gatsby-code-text\">Promise</code></a></li>\n<li><a href=\"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><code class=\"gatsby-code-text\">Symbol</code></a></li>\n<li><a href=\"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><code class=\"gatsby-code-text\">Object.assign</code></a></li>\n</ul>\n<p>The correct polyfill for these features depend on your environment. For many users, you can configure your <a href=\"https://github.com/browserslist/browserslist\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Browserlist</a> settings. For others, you may need to import polyfills like <a href=\"https://github.com/zloirock/core-js\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><code class=\"gatsby-code-text\">core-js</code></a> directly.</p>","frontmatter":{"title":"JavaScript Environment Requirements","next":null,"prev":null},"fields":{"path":"content/docs/reference-javascript-environment-requirements.md","slug":"docs/javascript-environment-requirements.html"}}},"pageContext":{"slug":"docs/javascript-environment-requirements.html"}},"staticQueryHashes":[]}