{"id":778,"hash":"565dae01f3b55cd1f0fcb2732131393cf7d9bfe068c29e7df63cf84025fa42b3","pattern":"Using pnpm to install create react app shows warning","full_message":"When installing dependencies for a create-react app(version 5.0.0) using pnpm dlx and pnpm import, i get a warning that peer dependencies should be installed. The dev environment for react spins up just fine. This warn message does not show up when using npx. How can i fix this warn message other than installing the peer dependencies?. Thanks in advance.\n\nWhat i did:\n\nCreate react app using pnpm dlx in the command-line\n\npnpm dlx create-react-app ./temp-app\n\nThe above step created a package-lock.json file. So, to create pnpm's lock file,\n\npnpm import package-lock.json\n\nThis created a pnpm-lock.yaml file with a warn message as below\n\n WARN  Issues with peer dependencies found\n.\n├─┬ @testing-library/user-event\n│ └── ✕ missing peer @testing-library/dom@>=7.21.4\n└─┬ react-scripts\n  ├── ✕ missing peer typescript@\"^3.2.1 || ^4\"\n  ├─┬ eslint-config-react-app\n  │ ├─┬ @typescript-eslint/eslint-plugin\n  │ │ ├── ✕ missing peer typescript@\"*\"\n  │ │ └─┬ @typescript-eslint/experimental-utils\n  │ │   └─┬ @typescript-eslint/typescript-estree\n  │ │     ├── ✕ missing peer typescript@\"*\"\n  │ │     └─┬ tsutils\n  │ │       └── ✕ missing peer typescript@\">=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta\"\n  │ ├─┬ @typescript-eslint/parser\n  │ │ └── ✕ missing peer typescript@\"*\"\n  │ └─┬ eslint-plugin-flowtype\n  │   ├── ✕ missing peer @babel/plugin-syntax-flow@^7.14.5\n  │   └── ✕ missing peer @babel/plugin-transform-react-jsx@^7.14.9\n  ├─┬ react-dev-utils\n  │ └─┬ fork-ts-checker-webpack-plugin\n  │   └── ✕ missing peer typescript@\">= 2.7\"\n  └─┬ tailwindcss\n    └── ✕ missing peer autoprefixer@^10.0.2\nPeer dependencies that should be installed:\n  @babel/plugin-syntax-flow@^7.14.5              @testing-library/dom@>=7.21.4                  typescript@\">=3.2.1 <4.0.0 || >=4.0.0 <5.0.0\"  \n  @babel/plugin-transform-react-jsx@^7.14.9      autoprefixer@^10.0.2","ecosystem":"npm","package_name":"create-react-app","package_version":null,"solution":"You need to install those dependencies too if this warning shows up.\n\nCopy all the packages listed below Peer dependencies that should be installed: and type this command:\n\npnpm add your-dependencies-list\n\nand replace the your-dependencies-list with all the list of peer dependencies which were listed.\n\nOne thing to note is for example if you were trying to add a dependency as a dev dependency and then this warning showed up, then you'll need to execute the above command but you'll need to add a -D or --dev flag before the packages so that it adds them as dev dependency.\n\nSame issue occurred with me when i tried installing parcel as a dev dependency\n\nProgress: resolved 318, reused 318, downloaded 0, added 0, done\n WARN  Issues with peer dependencies found\n.\n└─┬ parcel\n  └─┬ @parcel/config-default\n    ├─┬ @parcel/optimizer-htmlnano\n    │ └─┬ htmlnano\n    │   └── ✕ missing peer postcss@^8.3.11\n    └─┬ @parcel/transformer-postcss\n      └─┬ postcss-modules\n        ├── ✕ missing peer postcss@^8.0.0\n        ├─┬ postcss-modules-extract-imports\n        │ └── ✕ missing peer postcss@^8.1.0\n        ├─┬ postcss-modules-local-by-default\n        │ ├── ✕ missing peer postcss@^8.1.0\n        │ └─┬ icss-utils\n        │   └── ✕ missing peer postcss@^8.1.0\n        ├─┬ postcss-modules-scope\n        │ └── ✕ missing peer postcss@^8.1.0\n        └─┬ postcss-modules-values\n          └── ✕ missing peer postcss@^8.1.0\nPeer dependencies that should be installed:\n  postcss@\">=8.3.11 <9.0.0\"\n\nso i ran the following command:\n\npnpm add -D postcss@\">=8.3.11 <9.0.0\"\n\nand hurray\n\nPackages: +5 -11\n+++++-----------\nProgress: resolved 891, reused 891, downloaded 0, added 5, done\n\ndevDependencies:\n- parcel 2.2.1\n+ parcel 2.2.1\n+ postcss 8.4.5\n\nEverything worked out!","confidence":0.9,"source":"stackoverflow","source_url":"https://stackoverflow.com/questions/70479687/using-pnpm-to-install-create-react-app-shows-warning","votes":5,"created_at":"2026-04-19T04:51:41.437684+00:00","updated_at":"2026-04-19T04:51:41.437684+00:00"}