Ошибка в браузере: React не определен

Я пытаюсь запустить свой фреймворк React с Asp.net MVC в Visual Studio 2015. В папке сценариев я добавляю новую папку, в которую я добавляю package.json, webpack config и tsconfig. В другую папку я добавляю файл app.js, и там я хочу импортировать другие компоненты и что-то отобразить на странице. Я могу скомпилировать веб-пакет без каких-либо ошибок, но когда я открываю свой сайт /Home/Index, ничего не отображается. В инструментах разработчика у меня только информация

 React is not defined
    at Object.<anonymous> (bundle.js:85)
    at __webpack_require__ (bundle.js:20)
    at Object.module.exports (bundle.js:73)
    at __webpack_require__ (bundle.js:20)
    at bundle.js:63
    at bundle.js:66

Конечно, я пытаюсь найти хоть какую-то информацию, но ничего не помогает. Раньше у меня было расширение tsx для моего app.js, но я читал, что это не рекомендуется. Прежде чем я поделюсь своим файлом app.js. Конечно, я прилагаю файл с dist.js.

import { React } from "react";

ReactDOM.render(
    <h1>Hello</h1>,
    document.getElementById("root")
);