yarn startのエラー改善方法.tsxの読み込み

Question

フロントをreact、バックをrailsでvagrant使いながら開発しています。

開発したアプリをブラウザで見ようと思ったのですが、自分の環境ではyarn start時にエラーがでてしまいアプリの起動ができません。

yarn install時に既にsymlinkのエラーがでていまして、ターミナル上でsudo yarn install --no-bin-links --ignore-enginesと入力しましたらインストールはできました。

次にyarn startの際に

% yarn start                                                                                                                                                                                                           (git)-[develop]
yarn run v1.12.3
$ react-scripts start
Could not find a required file.
  Name: index.js
  Searched in: /vagrant/---/---/---/frontend/src
error Command failed with exit code 1.

というエラーがでてきてしまい。対処できず困っております。

こちらのエラーでは恐らくindex.jsが見つからないというエラーだと思うのですが、reactで開発している為index.jsなく、index.tsxとしております。

こちらがどうやっても読み込んでくれないので何かわかる方いませんでしょうか？

また、ひとまず拡張子をjsにかえてみたのですが、一旦yarn startが動いたのですが今度はsyntax errorがでてきてしまい完全に起動するには至りませんでした。jsあまり使ったことのない自分には何がおかしいのかわかりませんでした。

このような場合どうしたらよいでしょうか？reactのtsxファイルは結構あるので全てjsファイルにするにはjsのわからない自分には厳しいかなと思っているので、tsxファイルのまま使えるようにできればなと思っています。

実際やりたいことは、yarn startして作成したアプリの動作チェックやCSSなど調整したりです。

以上ですよろしくお願いいたしますm(__)m