Adding Social Media icons throws error

[richleach]

I have a local version of Payload downloaded from this repo. (My package.json file is below) When attempting to install any social media icon packages I get the following errors:

Richs-Mac-Pro:thebeatentrail rich$ npm install react-social-icons npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: @payloadcms/[email protected] npm ERR! Found: [email protected] npm ERR! node_modules/payload npm ERR! peer payload@"^2.0.0" from @payloadcms/[email protected] npm ERR! node_modules/@payloadcms/bundler-webpack npm ERR! @payloadcms/bundler-webpack@"^1.0.0" from the root project npm ERR! peer payload@"^2.0.0" from @payloadcms/[email protected] npm ERR! node_modules/@payloadcms/db-mongodb npm ERR! @payloadcms/db-mongodb@"^1.0.0" from the root project npm ERR! 5 more (@payloadcms/plugin-cloud, ...) npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer payload@"^1.1.8" from @payloadcms/[email protected] npm ERR! node_modules/@payloadcms/plugin-stripe npm ERR! @payloadcms/plugin-stripe@"^0.0.14" from the root project npm ERR! npm ERR! Conflicting peer dependency: [email protected] npm ERR! node_modules/payload npm ERR! peer payload@"^1.1.8" from @payloadcms/[email protected] npm ERR! node_modules/@payloadcms/plugin-stripe npm ERR! @payloadcms/plugin-stripe@"^0.0.14" from the root project npm ERR! npm ERR! Fix the upstream dependency conflict, or retry npm ERR! this command with --force or --legacy-peer-deps npm ERR! to accept an incorrect (and potentially broken) dependency resolution. npm ERR!

This is my entire package.json file to provide accurate versions for this repot: { "name": "@payloadcms/template-ecommerce", "description": "E-commerce template for Payload", "version": "1.0.0", "main": "dist/server.js", "license": "MIT", "scripts": { "dev": "cross-env PAYLOAD_CONFIG_PATH=src/payload/payload.config.ts nodemon", "stripe:webhooks": "stripe listen --forward-to localhost:8000/stripe/webhooks", "seed": "rm -rf media && cross-env PAYLOAD_SEED=true PAYLOAD_DROP_DATABASE=true PAYLOAD_CONFIG_PATH=src/payload/payload.config.ts ts-node src/server.ts", "build:payload": "cross-env PAYLOAD_CONFIG_PATH=src/payload/payload.config.ts payload build", "build:server": "tsc --project tsconfig.server.json", "build:next": "cross-env PAYLOAD_CONFIG_PATH=dist/payload/payload.config.js NEXT_BUILD=true node dist/server.js", "build": "cross-env NODE_ENV=production yarn build:payload && yarn build:server && yarn copyfiles && yarn build:next", "serve": "cross-env PAYLOAD_CONFIG_PATH=dist/payload/payload.config.js NODE_ENV=production node dist/server.js", "eject": "yarn remove next react react-dom @next/eslint-plugin-next && ts-node eject.ts", "copyfiles": "copyfiles -u 1 "src/**/*.{html,css,scss,ttf,woff,woff2,eot,svg,jpg,png,js}" dist/", "generate:types": "cross-env PAYLOAD_CONFIG_PATH=src/payload/payload.config.ts payload generate:types", "generate:graphQLSchema": "PAYLOAD_CONFIG_PATH=src/payload/payload.config.ts payload generate:graphQLSchema", "lint": "eslint src", "lint:fix": "eslint --fix --ext .ts,.tsx src", "payload": "cross-env PAYLOAD_CONFIG_PATH=src/payload/payload.config.ts payload" }, "dependencies": { "@payloadcms/bundler-webpack": "^1.0.0", "@payloadcms/db-mongodb": "^1.0.0", "@payloadcms/plugin-cloud": "^2.0.0", "@payloadcms/plugin-nested-docs": "^1.0.8", "@payloadcms/plugin-redirects": "^1.0.0", "@payloadcms/plugin-seo": "^1.0.10", "@payloadcms/plugin-stripe": "^0.0.14", "@payloadcms/richtext-slate": "^1.0.0", "@stripe/react-stripe-js": "^1.16.3", "@stripe/stripe-js": "^1.46.0", "cross-env": "^7.0.3", "dotenv": "^8.2.0", "escape-html": "^1.0.3", "express": "^4.17.1", "next": "13.5.2", "payload": "^2.0.7", "payload-admin-bar": "^1.0.6", "qs": "6.11.2", "react": "^18.2.0", "react-dom": "^18.2.0", "react-hook-form": "^7.45.1", "react-router-dom": "5.3.4", "stripe": "^10.2.0" }, "devDependencies": { "@next/eslint-plugin-next": "^13.1.6", "@payloadcms/eslint-config": "^0.0.1", "@swc/core": "1.3.76", "@types/escape-html": "^1.0.2", "@types/express": "^4.17.9", "@types/node": "18.11.3", "@types/qs": "^6.9.8", "@types/react": "18.0.21", "@typescript-eslint/eslint-plugin": "^5.51.0", "@typescript-eslint/parser": "^5.51.0", "copyfiles": "^2.4.1", "eslint": "^8.19.0", "eslint-config-prettier": "^8.5.0", "eslint-import-resolver-alias": "^1.1.2", "eslint-plugin-filenames": "^1.3.2", "eslint-plugin-import": "2.25.4", "eslint-plugin-prettier": "^4.0.0", "eslint-plugin-react-hooks": "^4.6.0", "eslint-plugin-simple-import-sort": "^10.0.0", "nodemon": "^2.0.6", "prettier": "^2.7.1", "slate": "0.91.4", "ts-node": "^10.9.1", "typescript": "^4.8.4" }, "resolutions": { "jackspeak": "2.1.1" } }

Does anyone know how to resolve these dependencies?