react, tsx でのUncaught Error: Target container is not a DOM element.

Question

前提・実現したいこと

webpackを利用して、react, tsxをうまく表示させたいと思っています。

発生している問題・エラーメッセージ

react-dom.development.js:27596 Uncaught Error: Target container is not a DOM element.
    at Object.render (react-dom.development.js:27596)
    at Object../app/assets/react/entries/candidates/show/index.tsx (index.tsx:5)
    at __webpack_require__ (bootstrap:19)
    at Object.10 (log.js:47)
    at __webpack_require__ (bootstrap:19)
    at bootstrap:83
    at bootstrap:83

該当のソースコード

import * as React from 'react';
import { render } from 'react-dom';
render(<div>Hello</div>, document.getElementById('container'));

<% provide(:title, "テスト") %>
<% content_for :scripts do %>
  <div id="container"></div>
  <script src="<%= webpack_asset_path '/react/test/show/index.js' %>"></script>
<% end %>

試したこと

ネットで書いてあるようなsrcの読み込みをページの最後に行う方法は行ってみましたが、変化なしでした。

補足情報（FW/ツールのバージョンなど）

Comments

[hoshi-takanori]

Ruby よく分かりませんが、生成された HTML の内容を確認してみては。