Error creating react component

I’ve received the following error while following the documentation for creating the UI:

[2024-04-14 07:51:12.367] (error) Failed to build world bundle | err="Error: Build failed with 1 error:\nerror: The module's source code could not be parsed: Expected ';', got 'React' at file:///home/ubuntu/dreamlab-mp-server/runtime/worlds/u_aw88vqd4anaa0x1l49a4a7pv/TestWorld3/986c220e-11c8-5780-9381-e20de2e443ef/client.ts:6:21\n\n    return <div>Hello React!</div>\n                      ~~~~~\n    at failureErrorWithLog (https://deno.land/x/[email protected]/mod.js:1626:15)\n    at https://deno.land/x/[email protected]/mod.js:1034:25\n    at runOnEndCallbacks (https://deno.land/x/[email protected]/mod.js:1461:45)\n    at buildResponseToResult (https://deno.land/x/[email protected]/mod.js:1032:7)\n    at https://deno.land/x/[email protected]/mod.js:1061:16\n    at responseCallbacks.<computed> (https://deno.land/x/[email protected]/mod.js:679:9)\n    at handleIncomingPacket (https://deno.land/x/[email protected]/mod.js:739:9)\n    at readFromStdout (https://deno.land/x/[email protected]/mod.js:655:7)\n    at https://deno.land/x/[email protected]/mod.js:1980:11\n    at eventLoopTick (ext:core/01_core.js:168:7)"

The error console in the script tab did not update (stated that I was disconnected), so I went to view the world to see if my react component was there, however the screen was empty and I also lost the UI to swap between the world and the script.

After refreshing, I still received a blank screen. I then attempted to stop and restart the server, however it receives the same error which has the consequence of me not being able to edit the world to fix the issue.