ERROR: The JSX syntax extension is not currently enabled (in angular project)

I am using angular and need to run a javascript code which contains html tags as well (I am not sure if it is now js file or jsx file!). Following is my code:

export function initialize(){
startBtn = document.getElementById("start-btn");
startBtn.addEventListener("click", () => {
alert("Started!")
});
}
<>
<button id="start-btn" class="btn">Start</button>
</>


and my runjavascript.component.ts:

import * as myGame from "../../../../assets/myGame.js"
.
.
.
export class RunJavascriptComponent {
constructor() {
myGame.initialize()
}
}


The error I get is:

The JSX syntax extension is not currently enabled
angular:script/global:scripts.js:4731:0:



I see this error has been reported and is also solved in react community, but not in angular.

Does any one know how to solve it in angular?

Continue reading...