Getting unexpected app after create create app

[Jeanking23]

Please note that your issue will be fixed much faster if you spend about
half an hour preparing it, including the exact reproduction steps and a demo.

If you're in a hurry or don't feel confident, it's fine to report bugs with
less details, but this makes it less likely they'll get fixed soon.

In either case, please use this template and fill in as many fields below as you can.

Note that we don't provide help for webpack questions after ejecting.
You can find webpack docs at https://webpack.js.org/.

Describe the bug

I installed a react app using create-react-app. I've tried .

After creating the app, I start the react app using 'npm start'. An app appears at localhost:3000, as expected. However, the app contents are different from what I expected compared to my project.

insteat of loading the project after start react it started "color-changer@0.1.0, and with a bottum. When I inspect the src/App.js files and a CustumButtom, which that is not in my project

Here is the package.json file, it shows some dependencies.

Did you try recovering your dependencies?

{
"name": "fix",
"description": "A simple fix for a bug in react-scripts",
"type": "module",
"version": "0.1.0",
"private": true,
"dependencies": {
"@testing-library/jest-dom": "^5.16.5",
"@testing-library/react": "^13.4.0",
"@testing-library/user-event": "^13.5.0",
"axios": "^1.4.0",
"bootstrap": "^5.2.3",
"jwt-decode": "^3.1.2",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-router-dom": "^6.11.1",
"react-scripts": "^5.0.1",
"reactstrap": "^9.1.10",
"web-vitals": "^2.1.4"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
]
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
}
}