Repository: create-react-app
Issue: Bug: tsconfig file keep being reset while excuting running start
Labels: Status: Unconfirmed

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"
  }
}