react-app.d.ts keeps being re-created and causing a git diff

[brunolemos]

Is this a bug report?

No really but users may think it is

Environment

System:
OS: macOS 10.14
CPU: x64 Intel(R) Core(TM) i5-6267U CPU @ 2.90GHz
Binaries:
Node: 8.11.4 - /usr/local/bin/node
Yarn: 1.10.1 - ~/.yarn/bin/yarn
npm: 6.4.1 - /usr/local/bin/npm
Browsers:
Chrome: 69.0.3497.100
Firefox: 59.0.2
Safari: 12.0
npmPackages:
@types/react: ^16.4.18 => 16.4.18
@types/react-dom: ^16.0.9 => 16.0.9
react: ^16.5.2 => 16.5.2
react-dom: ^16.5.2 => 16.5.2
react-scripts: master
npmGlobalPackages:
create-react-app: master

Steps to Reproduce

1. Setup TypeScript
2. Use Prettier with no trailing comma option
3. Run yarn start

Expected Behavior

No git diff

Actual Behavior

react-app.d.ts keeps being updated with a different code style that my project uses, causing a big diff every time:

[brunolemos]

If you are facing this, it's probably because you are using some kind of linter or formatter on your files.

Solution

You need to make your formatter ignore the react-app.d.ts file.

prettier

Create a .prettierignore file at the root project directory with the following content:

src/react-app.d.ts

lint-staged

Make the following change:

  "lint-staged": {
    "linters": {
      "*.{js,jsx,ts,tsx}": [
        "prettier --write",
        "tslint --fix",
        "git add"
      ]
    },
+    "ignore": ["src/react-app.d.ts"]
  },