追記：2023/06/11

React のコンポーネントが表示できたりできなかったりしたのは webpacker がおかしかったのが原因ぽい

Rails 7 系からモジュールバンドラとして esbuild がデフォルトで使用されるらしいので全部 webpacker に移行した
&&
node 18 から node 16 にしてbin/webpackのコンパイルがエラー無しで通るように修正したら治った

Rails 7 系以上で react-rails を使用している場合は webpacker への完全移行をやってみてください

これより下がもとの記事になります。（一応残しておく）

react-rails を導入しようとして詰まった

このREADME通りにすすめても hellow world component が表示されない。。。

やったこと

javascript_pack_tag を app/views/layouts/application に記述する

<%= javascript_pack_tag 'application' %>

表示されるようになった

react-rails のインストール手順をやりなおして進めていくと node のバージョンで怒られたので 12 -> 18 に更新した。

これ関係あるかもしれない。もし javascript_pack_tag 指定しても駄目なら node のバージョン見直そう。

詳しい原因はわからないが、悪さしている可能性があるのでやってみた

<body data-turbo="false">

これで全ページの turbo がオフになる。

でも最終的には turbo オンにした状態でも hello world component が表示されたのであんまり関係無さそう

しれっと表示されないみたいな状態なのでとても苦しかった
結局３〜５回目のトライぐらいでやっと表示できた。。。。