[Bug]: when starting the application --- Module parse failed

[quant12345]

What version of React Router are you using?

6.22.3

Steps to Reproduce

Created an application: npx create-react-app my_app
installed: npm install react-router-dom

connected modules:

import {
  createBrowserRouter,
  RouterProvider,
} from "react-router-dom";

start application:
npm start

Expected Behavior

I expect the application to work.

Actual Behavior

I get the following:

Failed to compile.

Error in ./~/react-router-dom/dist/umd/react-router-dom.development.js
Module parse failed: /....../roureact/node_modules/react-router-dom/dist/umd/react-router-dom.development.js Unexpected token (565:79)
You may need an appropriate loader to handle this file type.
SyntaxError: Unexpected token (565:79)
 @ ./~/react-router-dom/dist/main.js 18:19-67

also after installing react-router-dom I got the following:

added 3 packages, and audited 988 packages in 5s

42 packages are looking for funding
  run `npm fund` for details

107 vulnerabilities (7 low, 52 moderate, 30 high, 18 critical)

To address issues that do not require attention, run:
  npm audit fix

To address all issues (including breaking changes), run:
  npm audit fix --force

Run `npm audit` for details.

package.json

{
  "name": "roureact",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-router-dom": "^6.22.3",
    "react-scripts": "0.9.5"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }
}

[quant12345]

I figured out when installing the application, the old version of "react-scripts" is installed. I'll close the question in a couple of days.