Tell us what’s happening:
I am getting
Uncaught ReferenceError: React is not defined
Upon checking the dev console I could see the following text (tested it both in chrome and edge)
frame.ts:366 ReferenceError: React is not defined
at 1594 (external var “React”:1:18)
at webpack_require (bootstrap:19:32)
at 79 (/js/939-f7d9083c2806d2b4c8e6.js:2:887)
at webpack_require (bootstrap:19:32)
at 8939 (/js/939-f7d9083c2806d2b4c8e6.js:2:23591)
at webpack_require (bootstrap:19:32)
at webpack_require.t (create fake namespace object:10:23)
at async Promise.all (index 1)
at async HTMLDocument.initTestFrame [as __initTestFrame] (frame-runner.ts:70:38)
at async frame.ts:312:39
frame.ts:275 Uncaught ReferenceError: React is not defined
frame.ts:275 Uncaught ReferenceError: React is not defined
react.production.min.js:1
Failed to load resource: the server responded with a status of 503 ()
about:srcdoc:1 Refused to execute script from ‘https://unpkg.com/react@16.4.0/umd/react.production.min.js’ because its MIME type (‘’) is not executable, and strict MIME type checking is enabled.
react-dom-server.browser.production.min.js:1
Failed to load resource: the server responded with a status of 503 ()
about:srcdoc:1 Refused to execute script from ‘https://unpkg.com/react-dom@16.4.0/umd/react-dom-server.browser.production.min.js’ because its MIME type (‘’) is not executable, and strict MIME type checking is enabled.
frame.ts:275 Uncaught ReferenceError: React is not defined
Your code so far
const JSX = <h1>Hello JSX!</h1>
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/134.0.0.0 Safari/537.36 Edg/134.0.0.0
Challenge Information:
React - Create a Simple JSX Element