This is the issue
Installing template dependencies using npm...
npm error code ERESOLVE
npm error ERESOLVE unable to resolve dependency tree
npm error
npm error While resolving: xrpl-wallet2@0.1.0
npm error Found: react@19.0.0
npm error node_modules/react
npm error react@"^19.0.0" from the root project
npm error
npm error Could not resolve dependency:
npm error peer react@"^18.0.0" from @testing-library/react@13.4.0
npm error node_modules/@testing-library/react
npm error @testing-library/react@"^13.0.0" from the root project
npm error
npm error Fix the upstream dependency conflict, or retry
npm error this command with --force or --legacy-peer-deps
npm error to accept an incorrect (and potentially broken) dependency resolution.
npm error
npm error
npm error For a full report see:
npm error /Users/mike/.npm/_logs/2025-02-02T17_57_48_964Z-eresolve-report.txt
npm error A complete log of this run can be found in: /Users/mike/.npm/_logs/2025-02-02T17_57_48_964Z-debug-0.log
`npm install --no-audit --save @testing-library/jest-dom@^5.14.1 @testing-library/react@^13.0.0 @testing-library/user-event@^13.2.1 web-vitals@^2.1.0` failed
im trying to get react to work but im running into a issue. I have tried it with a few versions of js and when I tried to implement react it would run into the same error. What should I do to solve the issue? You can see im running the correct stuff with npx, I have tried different versions on js and still run into that issue. Am I doing something wrong? I must be, please help haha.
Im using npm, the react isn't wanting to work however.
(base) mike@Mikes-Mac-mini xrpl-wallet % npx create-react-app my-react-app
Creating a new React app in /Users/mike/XRPL_Ledger/xrpl-wallet/my-react-app.
Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts with cra-template...
added 1324 packages in 1m
268 packages are looking for funding
run `npm fund` for details
Installing template dependencies using npm...
npm error code ERESOLVE
npm error ERESOLVE unable to resolve dependency tree
npm error
npm error While resolving: my-react-app@0.1.0
npm error Found: react@19.0.0
npm error node_modules/react
npm error react@"^19.0.0" from the root project
npm error
npm error Could not resolve dependency:
npm error peer react@"^18.0.0" from @testing-library/react@13.4.0
npm error node_modules/@testing-library/react
npm error @testing-library/react@"^13.0.0" from the root project
npm error
npm error Fix the upstream dependency conflict, or retry
npm error this command with --force or --legacy-peer-deps
npm error to accept an incorrect (and potentially broken) dependency resolution.
npm error
npm error
npm error For a full report see:
npm error /Users/mike/.npm/_logs/2025-01-30T23_56_28_967Z-eresolve-report.txt
npm error A complete log of this run can be found in: /Users/mike/.npm/_logs/2025-01-30T23_56_28_967Z-debug-0.log
`npm install --no-audit --save @testing-library/jest-dom@^5.14.1 @testing-library/react@^13.0.0 @testing-library/user-event@^13.2.1 web-vitals@^2.1.0` failed
(base) mike@Mikes-Mac-mini xrpl-wallet % npm init es6
> xrpl_ledger@1.0.0 npx
> es6
(base) mike@Mikes-Mac-mini xrpl-wallet % npx create-react-app xrpl-wallet
Creating a new React app in /Users/mike/XRPL_Ledger/xrpl-wallet/xrpl-wallet.
Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts with cra-template...
added 1324 packages in 1m
268 packages are looking for funding
run `npm fund` for details
Installing template dependencies using npm...
npm error code ERESOLVE
npm error ERESOLVE unable to resolve dependency tree
npm error
npm error While resolving: xrpl-wallet@0.1.0
npm error Found: react@19.0.0
npm error node_modules/react
npm error react@"^19.0.0" from the root project
npm error
npm error Could not resolve dependency:
npm error peer react@"^18.0.0" from @testing-library/react@13.4.0
npm error node_modules/@testing-library/react
npm error @testing-library/react@"^13.0.0" from the root project
npm error
npm error Fix the upstream dependency conflict, or retry
npm error this command with --force or --legacy-peer-deps
npm error to accept an incorrect (and potentially broken) dependency resolution.
npm error
npm error
npm error For a full report see:
npm error /Users/mike/.npm/_logs/2025-01-31T00_06_51_345Z-eresolve-report.txt
npm error A complete log of this run can be found in: /Users/mike/.npm/_logs/2025-01-31T00_06_51_345Z-debug-0.log
`npm install --no-audit --save @testing-library/jest-dom@^5.14.1 @testing-library/react@^13.0.0 @testing-library/user-event@^13.2.1 web-vitals@^2.1.0` failed
(base) mike@Mikes-Mac-mini xrpl-wallet % node -v
v22.13.1
(base) mike@Mikes-Mac-mini create_react_app % npx create-react-app xrpl-wallet
Need to install the following packages:
create-react-app@5.0.1
Ok to proceed? (y) y
npm warn deprecated inflight@1.0.6: This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.
npm warn deprecated glob@7.2.3: Glob versions prior to v9 are no longer supported
npm warn deprecated rimraf@2.7.1: Rimraf versions prior to v4 are no longer supported
npm warn deprecated uid-number@0.0.6: This package is no longer supported.
npm warn deprecated fstream-ignore@1.0.5: This package is no longer supported.
npm warn deprecated fstream@1.0.12: This package is no longer supported.
npm warn deprecated tar@2.2.2: This version of tar is no longer supported, and will not receive security updates. Please upgrade asap.
Creating a new React app in /Users/mike/XRPL_Ledger/create_react_app/xrpl-wallet.
Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts with cra-template...
added 1324 packages in 1m
268 packages are looking for funding
run `npm fund` for details
Initialized a git repository.
Installing template dependencies using npm...
npm error code ERESOLVE
npm error ERESOLVE unable to resolve dependency tree
npm error
npm error While resolving: xrpl-wallet@0.1.0
npm error Found: react@19.0.0
npm error node_modules/react
npm error react@"^19.0.0" from the root project
npm error
npm error Could not resolve dependency:
npm error peer react@"^18.0.0" from @testing-library/react@13.4.0
npm error node_modules/@testing-library/react
npm error @testing-library/react@"^13.0.0" from the root project
npm error
npm error Fix the upstream dependency conflict, or retry
npm error this command with --force or --legacy-peer-deps
npm error to accept an incorrect (and potentially broken) dependency resolution.
npm error
npm error
npm error For a full report see:
npm error /Users/mike/.npm/_logs/2025-01-25T04_34_41_262Z-eresolve-report.txt
npm error A complete log of this run can be found in: /Users/mike/.npm/_logs/2025-01-25T04_34_41_262Z-debug-0.log
`npm install --no-audit --save @testing-library/jest-dom@^5.14.1 @testing-library/react@^13.0.0 @testing-library/user-event@^13.2.1 web-vitals@^2.1.0` failed
(base) mike@Mikes-Mac-mini create_react_app %
(base) mike@Mikes-Mac-mini create_react_app % npx create-react-app xrpl-wallet
The directory xrpl-wallet contains files that could conflict:
node_modules/
package-lock.json
package.json
public/
src/
Either try using a new directory name, or remove the files listed above.
(base) mike@Mikes-Mac-mini create_react_app %
went into the exact dir instead of the sub dir and tried it, didn't work.
(base) mike@Mikes-Mac-mini XRPL_Ledger % npx create-react-app xrpl-wallet
Creating a new React app in /Users/mike/XRPL_Ledger/xrpl-wallet.
Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts with cra-template...
added 1324 packages in 9s
268 packages are looking for funding
run `npm fund` for details
Initialized a git repository.
Installing template dependencies using npm...
npm error code ERESOLVE
npm error ERESOLVE unable to resolve dependency tree
npm error
npm error While resolving: xrpl-wallet@0.1.0
npm error Found: react@19.0.0
npm error node_modules/react
npm error react@"^19.0.0" from the root project
npm error
npm error Could not resolve dependency:
npm error peer react@"^18.0.0" from @testing-library/react@13.4.0
npm error node_modules/@testing-library/react
npm error @testing-library/react@"^13.0.0" from the root project
npm error
npm error Fix the upstream dependency conflict, or retry
npm error this command with --force or --legacy-peer-deps
npm error to accept an incorrect (and potentially broken) dependency resolution.
npm error
npm error
npm error For a full report see:
npm error /Users/mike/.npm/_logs/2025-01-25T05_09_45_770Z-eresolve-report.txt
npm error A complete log of this run can be found in: /Users/mike/.npm/_logs/2025-01-25T05_09_45_770Z-debug-0.log
`npm install --no-audit --save @testing-library/jest-dom@^5.14.1 @testing-library/react@^13.0.0 @testing-library/user-event@^13.2.1 web-vitals@^2.1.0` failed
(base) mike@Mikes-Mac-mini XRPL_Ledger %
tried there
(base) mike@Mikes-Mac-mini XRPL_Ledger % ls
Hello_World node_modules xrpl-wallet
WalletGeneration package-lock.json
create_react_app package.json
(base) mike@Mikes-Mac-mini XRPL_Ledger %
tried there.
(base) mike@Mikes-Mac-mini xrpl-wallet % ls
README.md package-lock.json public
node_modules package.json src
(base) mike@Mikes-Mac-mini xrpl-wallet %
(base) mike@Mikes-Mac-mini xrpl-wallet % npm install npx
npm warn deprecated npx@10.2.2: This package is now part of the npm CLI.
added 2 packages, changed 1 package, and audited 1819 packages in 13s
269 packages are looking for funding
run `npm fund` for details
64 vulnerabilities (1 low, 18 moderate, 37 high, 8 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.
(base) mike@Mikes-Mac-mini xrpl-wallet % ls
README.md package-lock.json public
node_modules package.json src
(base) mike@Mikes-Mac-mini xrpl-wallet % npx create-react-app xrpl-wallet
Creating a new React app in /Users/mike/XRPL_Ledger/xrpl-wallet/xrpl-wallet.
Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts with cra-template...
added 1324 packages in 1m
268 packages are looking for funding
run `npm fund` for details
Installing template dependencies using npm...
npm error code ERESOLVE
npm error ERESOLVE unable to resolve dependency tree
npm error
npm error While resolving: xrpl-wallet@0.1.0
npm error Found: react@19.0.0
npm error node_modules/react
npm error react@"^19.0.0" from the root project
npm error
npm error Could not resolve dependency:
npm error peer react@"^18.0.0" from @testing-library/react@13.4.0
npm error node_modules/@testing-library/react
npm error @testing-library/react@"^13.0.0" from the root project
npm error
npm error Fix the upstream dependency conflict, or retry
npm error this command with --force or --legacy-peer-deps
npm error to accept an incorrect (and potentially broken) dependency resolution.
npm error
npm error
npm error For a full report see:
npm error /Users/mike/.npm/_logs/2025-01-25T07_10_44_484Z-eresolve-report.txt
npm error A complete log of this run can be found in: /Users/mike/.npm/_logs/2025-01-25T07_10_44_484Z-debug-0.log
`npm install --no-audit --save @testing-library/jest-dom@^5.14.1 @testing-library/react@^13.0.0 @testing-library/user-event@^13.2.1 web-vitals@^2.1.0` failed
(base) mike@Mikes-Mac-mini xrpl-wallet %
Ya, I have tried EVERYTHING I can think of. Went back through all the docs on npm and stilll ran across the same issues I was running into before. Im really needing help...... idk what else to do in order to get ride of the errors.
(base) mike@Mikes-Mac-mini xrpl-wallet % npx create-react-app my-react-app
Creating a new React app in /Users/mike/XRPL_Ledger/xrpl-wallet/my-react-app.
Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts with cra-template...
added 1324 packages in 1m
268 packages are looking for funding
run `npm fund` for details
Installing template dependencies using npm...
npm error code ERESOLVE
npm error ERESOLVE unable to resolve dependency tree
npm error
npm error While resolving: my-react-app@0.1.0
npm error Found: react@19.0.0
npm error node_modules/react
npm error react@"^19.0.0" from the root project
npm error
npm error Could not resolve dependency:
npm error peer react@"^18.0.0" from @testing-library/react@13.4.0
npm error node_modules/@testing-library/react
npm error @testing-library/react@"^13.0.0" from the root project
npm error
npm error Fix the upstream dependency conflict, or retry
npm error this command with --force or --legacy-peer-deps
npm error to accept an incorrect (and potentially broken) dependency resolution.
npm error
npm error
npm error For a full report see:
npm error /Users/mike/.npm/_logs/2025-01-30T23_56_28_967Z-eresolve-report.txt
npm error A complete log of this run can be found in: /Users/mike/.npm/_logs/2025-01-30T23_56_28_967Z-debug-0.log
`npm install --no-audit --save @testing-library/jest-dom@^5.14.1 @testing-library/react@^13.0.0 @testing-library/user-event@^13.2.1 web-vitals@^2.1.0` failed
(base) mike@Mikes-Mac-mini xrpl-wallet % npm init es6
> xrpl_ledger@1.0.0 npx
> es6
(base) mike@Mikes-Mac-mini xrpl-wallet % npx create-react-app xrpl-wallet
Creating a new React app in /Users/mike/XRPL_Ledger/xrpl-wallet/xrpl-wallet.
Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts with cra-template...
added 1324 packages in 1m
268 packages are looking for funding
run `npm fund` for details
Installing template dependencies using npm...
npm error code ERESOLVE
npm error ERESOLVE unable to resolve dependency tree
npm error
npm error While resolving: xrpl-wallet@0.1.0
npm error Found: react@19.0.0
npm error node_modules/react
npm error react@"^19.0.0" from the root project
npm error
npm error Could not resolve dependency:
npm error peer react@"^18.0.0" from @testing-library/react@13.4.0
npm error node_modules/@testing-library/react
npm error @testing-library/react@"^13.0.0" from the root project
npm error
npm error Fix the upstream dependency conflict, or retry
npm error this command with --force or --legacy-peer-deps
npm error to accept an incorrect (and potentially broken) dependency resolution.
npm error
npm error
npm error For a full report see:
npm error /Users/mike/.npm/_logs/2025-01-31T00_06_51_345Z-eresolve-report.txt
npm error A complete log of this run can be found in: /Users/mike/.npm/_logs/2025-01-31T00_06_51_345Z-debug-0.log
`npm install --no-audit --save @testing-library/jest-dom@^5.14.1 @testing-library/react@^13.0.0 @testing-library/user-event@^13.2.1 web-vitals@^2.1.0` failed
(base) mike@Mikes-Mac-mini xrpl-wallet % node -v
v22.13.1
I did get it to run with
(base) mike@Mikes-Mac-mini xrpl-wallet % node -v
v22.13.1
(base) mike@Mikes-Mac-mini xrpl-wallet % ls
package.json xrpl-wallet
(base) mike@Mikes-Mac-mini xrpl-wallet % ls
(base) mike@Mikes-Mac-mini xrpl-wallet % npm create vite@latest xrpl-wallet
Need to install the following packages:
create-vite@6.1.1
Ok to proceed? (y) y
> xrpl_ledger@1.0.0 npx
> create-vite xrpl-wallet
✔ Select a framework: › React
✔ Select a variant: › JavaScript
Scaffolding project in /Users/mike/XRPL_Ledger/xrpl-wallet/xrpl-wallet...
Done. Now run:
cd xrpl-wallet
npm install
npm run dev
(base) mike@Mikes-Mac-mini xrpl-wallet % cd xrpl-wallet
however that differers from the lesson im trying to fallow. Is there a way to fix the issues im having with it?
Top comments (1)
1) Run npx --force create-react-app xrpl-wallet to force the creation of the project.
2) Then, run cd xrpl-wallet to change the current directory in your Terminal.
3) Then, run npm install --save-dev @testing-library/react @testing-library/dom to update these two libraries to versions that support React 19.
EXTRA STEP TO SEE IF ITS WORKING
4) Run npm start to start the project.
I finally got the correct outcome, hope you will have a smooth outcome as I have had this way 👍.