The project introduces @solana/wallet-adapter-wallets related dependencies and reports Conflicting peer dependencies: react-dom

[huangfupo]

Issues with peer dependencies found
.
└─┬ @solana/wallet-adapter-wallets 0.19.32
├─┬ @solana/wallet-adapter-fractal 0.1.9
│ └─┬ @fractalwagmi/solana-wallet-adapter 0.1.1
│ └─┬ @fractalwagmi/popup-connection 1.1.1
│ └── ✕ missing peer react-dom@"^17.0.2 || ^18"
├─┬ @solana/wallet-adapter-keystone 0.1.16
│ └─┬ @keystonehq/sol-keyring 0.20.0
│ └─┬ @keystonehq/sdk 0.19.2
│ ├── ✕ missing peer react-dom@"*"
│ ├─┬ react-modal 3.16.3
│ │ └── ✕ missing peer react-dom@"^0.14.0 || ^15.0.0 || ^16 || ^17 || ^18 || ^19"
│ ├─┬ react-qr-reader 2.2.1
│ │ ├── ✕ missing peer react-dom@~16
│ │ └── ✕ unmet peer react@~16: found 18.3.1
│ └─┬ qrcode.react 1.0.1
│ └── ✕ unmet peer react@"^15.5.3 || ^16.0.0 || ^17.0.0": found 18.3.1
└─┬ @solana/wallet-adapter-particle 0.1.13
└─┬ @particle-network/solana-wallet 1.3.2
└── ✕ unmet peer bs58@^4.0.1: found 6.0.0
✕ Conflicting peer dependencies:
react-dom

[beeman]

To resolve the conflicting peer dependencies, you can use the --legacy-peer-deps parameter when running npm install. This parameter allows npm to install packages with mismatched peer dependencies.

Here’s how you can use it:

npm install --legacy-peer-deps

This should help bypass the peer dependency conflicts and allow the installation to proceed.

[huangfupo]

The pnpm command I am using does not have the pnpm install -- legacy-peer-deps command. Even if I use pnpm install -- force, it still doesn't work. How can I solve this problem? Thank you

[beeman]

The pnpm command I am using does not have the pnpm install -- legacy-peer-deps command. Even if I use pnpm install -- force, it still doesn't work. How can I solve this problem? Thank you

I'm happy to take a look if you can share a repo with a minimal reproduction of the issue.

[huangfupo]

You can download it https://github.com/huangfupo/reown-test-demo Take a look at this package pnpm install. Thank you for your reply!

[beeman]

https://github.com/huangfupo/reown-test-demo

I just pulled in this repo and ran pnpm install and it all seems to go well.

What version of Node and PNPM are you using?

For reference, I'm using this:

(base) [beeman@bee-mbp] reown-test-demo (main) $ node --version                                                  
v22.14.0
(base) [beeman@bee-mbp] reown-test-demo (main) $ pnpm --version
10.6.4

[huangfupo]

After updating nodev22.14.0 and pnpm10.6.4 versions，I delete the files pnpm-lock.yaml and node_rodules, but when I perform pnpm install, I get this error.

I don't delete pnpm-lock.yaml, I only delete node_rodules and it doesn't get this error.

It's really strange.

Moreover, when performing pnpm build operations, the import "react-dom" will be mixed in, causing the page to fail to open.

Could you please help me take another look and pull the code before reading! Thank you for your reply! Thank you very much.