Getting multiple versions of React with file:

[sachinraja]

I have a repo for my package with it and the examples for it structured like this (sachinraja/rodemirror, but I converted it to a monorepo because I couldn't get it to work):

examples/
├─ controlled-input/
│  ├─ index.js/
│  ├─ package.json/
│  ├─ pnpm-lock.yaml
├─ linting/
│  ├─ index.js/
│  ├─ package.json/
│  ├─ pnpm-lock.yaml
├─ typescript-nextjs/
│  ├─ index.js/
│  ├─ package.json
│  ├─ pnpm-lock.yaml
index.js
package.json
pnpm-lock.yaml

The examples/*/package.json have this:

"dependencies": {
  "react": "^17.0.2",
  "rodemirror": "file:../.."
}

The package.json (in the root dir, for the actual package) has this:

"peerDependencies": {
  "react": "^17"
},
"devDependencies": {
  "react": "^17.0.2"
}

When I try to open the example page that uses a component from the main package, React will error because there are multiple versions of it. With a monorepo (pnpm-workspace.yaml), I'm assuming react can be deduped. Is there a way to install "rodemirror": "file:../.." like a normal package? I want to avoid a monorepo because the examples can have a lot of dependencies that are not necessary for development in the main package.