How to configure babel with private members?

[vvvvvv1vvvvvv]

Ethers Version

6.3.0

Search Terms

No response

Describe the Problem

get below errors when set up ethers v6 with create-react-app

./node_modules/ethers/lib.esm/abi/abi-coder.js 108:2
Module parse failed: Unexpected character '#' (108:2)
File was processed with these loaders:
 * ./node_modules/react-scripts/node_modules/babel-loader/lib/index.js
You may need an additional loader to handle the result of these loaders.
|   */
| export class AbiCoder {
>   #getCoder(param) {
|     if (param.isArray()) {
|       return new ArrayCoder(this.#getCoder(param.arrayChildren), param.arrayLength, param.name);

Code Snippet

No response

Contract ABI

No response

Errors

No response

Environment

No response

Environment (Other)

Node v16.14.0
typescript v4.9.5

[vvvvvv1vvvvvv]

looks like typescript didn't support sharp notation

[ricmoo]

What version of TypeScript are you using? It is definitely supported by TypeScript. It looks like your version of babel might be out of date?

[vvvvvv1vvvvvv]

typescript v4.9.5

[vvvvvv1vvvvvv]

Since I create project with create-react-app and the babel version controlled by react-scripts, I update react-scripts to latest then the issue fixed