React CRA typescript Error

1. Create-react-app으로 typescript 시작하자 마자 에러가 났다..

 

오늘자 기준 typescript 4.1.2 ... 총체적인 난국인데. 

아래와 같은 에러가 발생한다. 

      appTsConfig.compilerOptions[option] = value;
                                          ^

TypeError: Cannot assign to read only property 'jsx' of object '#<Object>'
    at verifyTypeScriptSetup (/home/aditya/all/yt/twitter/node_modules/react-scripts/scripts/utils/verifyTypeScriptSetup.js:239:43)
    at Object.<anonymous> (/home/aditya/all/yt/twitter/node_modules/react-scripts/scripts/start.js:31:1)
    at Module._compile (internal/modules/cjs/loader.js:778:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10)
    at Module.load (internal/modules/cjs/loader.js:653:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
    at Function.Module._load (internal/modules/cjs/loader.js:585:3)
    at Function.Module.runMain (internal/modules/cjs/loader.js:831:12)
    at startup (internal/bootstrap/node.js:283:19)
    at bootstrapNodeJSCore (internal/bootstrap/node.js:623:3)
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

 

2. 해결방법

 

tsconfig.json에서 

 

"jsx":"react-jsx"

 

를 "jsx":"react" 로 수정한다. 

 

npm install typescript@4.0.5 -S

(yarn 쓸 사람은 yarn으로)

 

로 다시 인스톨 한다. 

 

끗