Issue 1:
Describe what you were doing when the bug occurred:

Inspecting a react component with React Developer Tools

Please do not remove the text below this line

DevTools version: 4.11.0-39713716aa

Call stack: at store_Store.getElementAtIndex (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:22171:35)

at store_Store.getElementIDAtIndex (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:22187:26)

at chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:29770:63

at List.render (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:23893:18)

at Ii (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:14002:76)

at Hi (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:13993:10)

at uk (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:16728:86)

at tk (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:16245:11)

at qk (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:16237:23)

at jk (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:16221:5)

Component stack: at List (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:23588:30)

at div

at AutoSizer (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:3111:5)

at div

at div

at Tree_Tree (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:29531:47)

at div

at div

at OwnersListContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:28680:3)

at SettingsModalContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:29121:3)

at Components_Components (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:34645:52)

at ErrorBoundary_ErrorBoundary (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:30035:5)

at PortaledContent (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:30157:5)

at div

at div

at ProfilerContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:34264:3)

at TreeContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:25356:3)

at SettingsContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:25963:3)

at ModalDialogContextController (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:30300:3)

at DevTools_DevTools (chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/main.js:37639:3)

Issue 2:
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:

{

"name": "front_end_tool",

"version": "4.0.1",

"homepage": "./",

"private": true,

"dependencies": {

"@ant-design/icons": "^4.7.0",

"@craco/craco": "^6.3.0",

"@testing-library/jest-dom": "^5.14.1",

"@testing-library/react": "^11.2.7",

"@testing-library/user-event": "^12.8.3",

"@types/jest": "^27.4.1",

"@types/node": "^17.0.23",

"@types/react": "^17.0.43",

"@types/react-dom": "^17.0.14",

"@types/react-router-dom": "^5.3.3",

"antd": "^4.19.3",

"axios": "^0.21.4",

"classnames": "^2.3.1",

"craco-less": "^1.20.0",

"echarts": "^5.2.1",

"echarts-for-react": "^3.0.1",

"file-saver": "^2.0.5",

"js-cookie": "^3.0.1",

"lodash": "^4.17.21",

"mockjs": "^1.1.0",

"react": "^17.0.2",

"react-app-polyfill": "^3.0.0",

"react-color": "^2.19.3",

"react-copy-to-clipboard": "^5.0.4",

"react-custom-scrollbars": "^4.2.1",

"react-dom": "^17.0.2",

"react-json-view": "^1.21.3",

"react-markdown": "^7.1.1",

"react-redux": "^7.2.6",

"react-router-config": "^5.1.1",

"react-router-dom": "^5.3.0",

"react-scripts": "4.0.3",

"react-syntax-highlighter": "^15.5.0",

"rehype-raw": "^6.1.0",

"remark-gemoji": "^7.0.1",

"remark-gfm": "^3.0.1",

"remark-parse": "^10.0.1",

"remark-stringify": "^10.0.2",

"styled-components": "^5.3.1",

"to-vfile": "^7.2.3",

"unified": "^10.1.2",

"uuid": "^8.3.2",

"web-vitals": "^1.1.2"

},

"scripts": {

"start": "craco start",

"build": "craco build"

},

"eslintConfig": {

"extends": [

"react-app",

"react-app/jest"

]

},

"browserslist": {

"production": [

">0.2%",

"not dead",

"not op_mini all",

"ie 11"

],

"development": [

"last 1 chrome version",

"last 1 firefox version",

"last 1 safari version",

"ie 11"

]

},

"devDependencies": {

"@fec/remark-a11y-emoji": "^3.1.0",

"@types/lodash": "^4.14.181",

"@types/mockjs": "^1.0.6",

"@types/react-copy-to-clipboard": "^5.0.2",

"@types/react-custom-scrollbars": "^4.0.10",

"@types/react-router-config": "^5.0.6",

"@types/react-syntax-highlighter": "^13.5.2",

"@types/uuid": "^8.3.4",

"craco-antd": "^1.19.0",

"raw-loader": "^4.0.2",

"rehype-accessible-emojis": "^0.3.2",

"ts-node": "^10.7.0",

"typescript": "^4.6.3",

"webpack-bundle-analyzer": "^4.4.2",

"webpackbar": "^5.0.0-3"

}

}