node.js - Varför kan inte rendera HTML med ReactJS

Jag har sett många exempel och tester på nätet som använder React och TypeScript där de utfärdar något som detta:

import * as ReactDOM from 'react-dom';

ReactDOM.render(
 <h1>Hello world!!</h1>, //or any other valid html snippet
 document.getElementById('root') as HTMLElement
);

Men när jag försöker återskapa de där flera exemplen på min dator får jag först ett markeringfel från VS Code, och sedan när jag försöker bundla får jag detta fel:

TS2686: 'React' hänvisar till en UMD-global, men den aktuella filen är en modul. Överväg att lägga till en import istället.

Om jag istället för att sätta HTML som argument till funktionen skriver my SimpleComponent.render(), kommer paketet att produceras utan fel.

Vad är fel med den kodsnutten?

Svar #1

Försök att lägga till import * as React from 'react'. <h1> är en React-komponent (React.createClass('h1') efter att JSX har transpilerats till JavaScript), men du har bara importerat ReactDOM.