WARNING: You are currently running a version of TypeScript... react 17.x + react-scripts 4.x

[OnkelTem]

Hi folks!

I wonder why I'm still seeing the issue dated back in 2019 or earlier.
I created a new project from scratch using the current versions of CRA (4.0.3), React (17.x), and TypeScript (4.5.2).
I didn't update typescript - it was installed by CRA.
Now when I run npm run build I'm seeing:

=============

WARNING: You are currently running a version of TypeScript which is not officially supported by @typescript-eslint/typescript-estree.

You may find that it works just fine, or you may not.

SUPPORTED TYPESCRIPT VERSIONS: >=3.3.1 <4.2.0

YOUR TYPESCRIPT VERSION: 4.5.2

Please only submit bug reports when using the officially supported version.

=============

I saw it two years ago and now again.

I'm not sure but maybe this warning comes from the old @typescript-eslint/typescript-estree@3.10.1:

(master *+%)$ npm list @typescript-eslint/typescript-estree
lists-product@0.1.0 /projects/custom/piano/lists-product
└─┬ react-scripts@4.0.3
  ├─┬ @typescript-eslint/eslint-plugin@4.15.2
  │ └─┬ @typescript-eslint/experimental-utils@4.15.2
  │   └── @typescript-eslint/typescript-estree@4.15.2 deduped
  ├─┬ @typescript-eslint/parser@4.15.2
  │ └── @typescript-eslint/typescript-estree@4.15.2
  └─┬ eslint-plugin-testing-library@3.10.1
    └─┬ @typescript-eslint/experimental-utils@3.10.1
      └── @typescript-eslint/typescript-estree@3.10.1

which is here because of the old eslint-plugin-testing-library@3.10.1 (while there is 5.0.0). And that - is installed by react-scripts.

Does it mean that we should just wait until your update CRA to use eslint-plugin-testing-library@5.0.0?

[Nicktho]

Also getting this for linting,

WARNING: You are currently running a version of TypeScript which is not officially supported by @typescript-eslint/typescript-estree.

You may find that it works just fine, or you may not.

SUPPORTED TYPESCRIPT VERSIONS: >=3.3.1 <4.5.0

YOUR TYPESCRIPT VERSION: 4.5.3

[mogsdad]

A selective version resolution can mitigate this warning, albeit with the risk of incompatibility. (So far, so good, in my project.)

In package.json:

  "resolutions": {
    "@typescript-eslint/typescript-estree": "5.9.0"
  }

OFC, the proper fix is to update the upstream dependencies.