React+TypeScript 実行時にtsconfig.jsonが上書きされてしまう。

Question

前提・実現したいこと

React + TypeScriptでアプリを作るため、
npx create-react-app todo-ts --typescript コマンドで新たにアプリを作りました。
npm start コマンドでアプリを実行する際に、自分好みに編集した tsconfig.json の中身が上書きされてしまいます。この原因と上書きされないようにする方法を教えていただきたいです。

例えば、tsconfig.json の中身の

"jsx": "react-jsx",

という部分を、

"jsx": "react",

に変更し、npm startを実行すると、変更前に上書きされてしまいます。

この原因と上書きされないようにする方法を教えていただきたいです。

試したこと

https://www.it-swarm-ja.tech/ja/reactjs/%E3%80%8C%E9%96%8B%E5%A7%8B%E3%80%8D%E6%99%82%E3%81%ABtsconfigjson%E3%82%92%E4%B8%8A%E6%9B%B8%E3%81%8D%E3%81%97%E3%81%AA%E3%81%84%E3%82%88%E3%81%86%E3%81%ABreactscript%E3%82%92%E8%A8%AD%E5%AE%9A%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95/807963187/

このwebページ記載のすべての手法をそれぞれ試しましたが、解決できませんでした。

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

npm 6.14.8
node v14.15.0
tsc Version 4.1.2
typescript ^3.7.4
react ^16.12.0

環境構築という初歩的な質問ですが、ご教授していただけると幸いです。よろしくお願いいたします。

Comments

[kazatsuyu]

package.jsonのscripts.startにどのようなコマンドが書いてあるか見ないと答えようがないと思います

Answer 1

以下のサイトを参考にして今回の問題を解決することが出来ました。

https://www.reddit.com/r/react/comments/k0bw7y/compileroptionsjsx_must_be_reactjsx_to_support/

質問を見ていただいた方に感謝いたします。