<p dir="auto">Describe what you were doing when the bug occurred:<br>
Inspecting a react component with React Developer Tools</p>
<hr>
<h2 dir="auto">Please do not remove the text below this line</h2>
<p dir="auto">DevTools version: 4.11.0-39713716aa</p>
<p dir="auto">Call stack: at store_Store.getElementAtIndex (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:22171:35)<br>
at store_Store.getElementIDAtIndex (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:22187:26)<br>
at chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:29770:63<br>
at List.render (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:23893:18)<br>
at Ii (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:14002:76)<br>
at Hi (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:13993:10)<br>
at uk (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:16728:86)<br>
at tk (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:16245:11)<br>
at qk (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:16237:23)<br>
at jk (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:16221:5)</p>
<p dir="auto">Component stack: at List (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:23588:30)<br>
at div<br>
at AutoSizer (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:3111:5)<br>
at div<br>
at div<br>
at Tree_Tree (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:29531:47)<br>
at div<br>
at div<br>
at OwnersListContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:28680:3)<br>
at SettingsModalContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:29121:3)<br>
at Components_Components (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:34645:52)<br>
at ErrorBoundary_ErrorBoundary (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:30035:5)<br>
at PortaledContent (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:30157:5)<br>
at div<br>
at div<br>
at ProfilerContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:34264:3)<br>
at TreeContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:25356:3)<br>
at SettingsContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:25963:3)<br>
at ModalDialogContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:30300:3)<br>
at DevTools_DevTools (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:37639:3)</p>
<p dir="auto">I am using typescript in one of my existed react project. I installed necessary deps as what official site says , including typescript@4.6.3, @types/node@17.0.23 and so on. Of course, I also use craco to rewrite cra's default configurations. I was told to run tsc --init to generate a tsconfig file, it was fine, everything ok, but when i tried to add some custom configurations in it,  the whole file would be reset evertime when i run npm run start. is it the problem from craco? my package.json file is as below:</p>
<p dir="auto">{<br>
"name": "front_end_tool",<br>
"version": "4.0.1",<br>
"homepage": "./",<br>
"private": true,<br>
"dependencies": {<br>
"@ant-design/icons": "^4.7.0",<br>
"@craco/craco": "^6.3.0",<br>
"@testing-library/jest-dom": "^5.14.1",<br>
"@testing-library/react": "^11.2.7",<br>
"@testing-library/user-event": "^12.8.3",<br>
"@types/jest": "^27.4.1",<br>
"@types/node": "^17.0.23",<br>
"@types/react": "^17.0.43",<br>
"@types/react-dom": "^17.0.14",<br>
"@types/react-router-dom": "^5.3.3",<br>
"antd": "^4.19.3",<br>
"axios": "^0.21.4",<br>
"classnames": "^2.3.1",<br>
"craco-less": "^1.20.0",<br>
"echarts": "^5.2.1",<br>
"echarts-for-react": "^3.0.1",<br>
"file-saver": "^2.0.5",<br>
"js-cookie": "^3.0.1",<br>
"lodash": "^4.17.21",<br>
"mockjs": "^1.1.0",<br>
"react": "^17.0.2",<br>
"react-app-polyfill": "^3.0.0",<br>
"react-color": "^2.19.3",<br>
"react-copy-to-clipboard": "^5.0.4",<br>
"react-custom-scrollbars": "^4.2.1",<br>
"react-dom": "^17.0.2",<br>
"react-json-view": "^1.21.3",<br>
"react-markdown": "^7.1.1",<br>
"react-redux": "^7.2.6",<br>
"react-router-config": "^5.1.1",<br>
"react-router-dom": "^5.3.0",<br>
"react-scripts": "4.0.3",<br>
"react-syntax-highlighter": "^15.5.0",<br>
"rehype-raw": "^6.1.0",<br>
"remark-gemoji": "^7.0.1",<br>
"remark-gfm": "^3.0.1",<br>
"remark-parse": "^10.0.1",<br>
"remark-stringify": "^10.0.2",<br>
"styled-components": "^5.3.1",<br>
"to-vfile": "^7.2.3",<br>
"unified": "^10.1.2",<br>
"uuid": "^8.3.2",<br>
"web-vitals": "^1.1.2"<br>
},<br>
"scripts": {<br>
"start": "craco start",<br>
"build": "craco build"<br>
},<br>
"eslintConfig": {<br>
"extends": [<br>
"react-app",<br>
"react-app/jest"<br>
]<br>
},<br>
"browserslist": {<br>
"production": [<br>
"&gt;0.2%",<br>
"not dead",<br>
"not op_mini all",<br>
"ie 11"<br>
],<br>
"development": [<br>
"last 1 chrome version",<br>
"last 1 firefox version",<br>
"last 1 safari version",<br>
"ie 11"<br>
]<br>
},<br>
"devDependencies": {<br>
"@fec/remark-a11y-emoji": "^3.1.0",<br>
"@types/lodash": "^4.14.181",<br>
"@types/mockjs": "^1.0.6",<br>
"@types/react-copy-to-clipboard": "^5.0.2",<br>
"@types/react-custom-scrollbars": "^4.0.10",<br>
"@types/react-router-config": "^5.0.6",<br>
"@types/react-syntax-highlighter": "^13.5.2",<br>
"@types/uuid": "^8.3.4",<br>
"craco-antd": "^1.19.0",<br>
"raw-loader": "^4.0.2",<br>
"rehype-accessible-emojis": "^0.3.2",<br>
"ts-node": "^10.7.0",<br>
"typescript": "^4.6.3",<br>
"webpack-bundle-analyzer": "^4.4.2",<br>
"webpackbar": "^5.0.0-3"<br>
}<br>
}</p>