Force nested npm dependency to use same one

I am facing an error that caused by lower version of TypeScript, root cause is I update prettier version, related post: https://github.com/DefinitelyTyped/DefinitelyTyped/discussions/60310

So dependency issue was:

React -> TypeScript@4.7.4

Other-library -> Webpack-dev-server -> TypeScript@3.8.2

Prettier -> TypeScriptv4+

Since Prettier require TS version 4+ and the Webpack-dev-server has a version of 3.8.2, that will cause the program to throw error.

I can not change the version of Other-library, but I still need the version of TypeScript to be v4+

I am looking at this post:How do I override nested NPM dependency versions?

This seems does exactly what I needed to do.

But after I use the overrides property in package.json, I do see React is pickup the TypeScript version 4.7.4,

howerver I get the following error: Child process failed to process the request: Error: Debug Failure. Palse expression. at resolveNamesWithLocalCache, at typescipt/lib

Thanks

My package json looks like:

{
   "devDependencies": {
      "typescript": "^4.7.4"
   },
   "overrides": {
      "webpack-dev-server": {
         "typescript": "$typescript"
      }
   }
}
`