【React-Rails】Warning: The tag <index> is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter.の対処法【React】

症状

railsサーバーを起動して、reactのrenderで文字を表示させませんでした。 F12を押してデベロッパーツールを確認すると、下記の文言が表示されてしまいました。

Warning: The tag <index> is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter.

#翻訳すると
警告：タグ<index>はこのブラウザでは認識されません。 Reactコンポーネントをレンダリングする場合は、その名前を大文字で始めてください。

解決方法

対象のファイル名が「index.js」だったので、エラー通り「Index.js」に変更したら、文字が表示されるようになりました。

フロントはエラーが分かりにくいので積極的にデベロッパーツールを活用していこうと思います。