Conflicting peer dependency: vite@3.2.6

Hello, my site is made using react and vite. Now all of a sudden my build fails showing me the message below. It says something about conflicting peer dependency about vite version and vite-plugin-mix. Can I have some help please?

6:26:14 PM: build-image version: 900a223ea0f4a600c43255115089305a2b808649 (focal)
6:26:14 PM: buildbot version: 900a223ea0f4a600c43255115089305a2b808649
6:26:14 PM: Building without cache
6:26:14 PM: Starting to prepare the repo for build
6:26:14 PM: No cached dependencies found. Cloning fresh repo
6:26:14 PM: git clone --filter=blob:none https://github.com/seaSlug01/Portfolio
6:26:16 PM: Preparing Git Reference refs/heads/main
6:26:17 PM: Parsing package.json dependencies
6:26:18 PM: Starting to install dependencies
6:26:18 PM: Python version set to 3.8
6:26:18 PM: Attempting Ruby version 2.7.2, read from environment
6:26:19 PM: Using Ruby version 2.7.2
6:26:19 PM: Started restoring cached go cache
6:26:19 PM: Finished restoring cached go cache
6:26:19 PM: Installing Go version 1.19.5 (requested 1.19.5)
6:26:24 PM: go version go1.19.5 linux/amd64
6:26:25 PM: Using PHP version 8.0
6:26:26 PM: v16.20.0 is already installed.
6:26:26 PM: Now using node v16.20.0 (npm v8.19.4)
6:26:26 PM: Enabling Node.js Corepack
6:26:26 PM: Started restoring cached build plugins
6:26:26 PM: Finished restoring cached build plugins
6:26:26 PM: Started restoring cached corepack dependencies
6:26:26 PM: Finished restoring cached corepack dependencies
6:26:26 PM: No npm workspaces detected
6:26:26 PM: Started restoring cached node modules
6:26:26 PM: Finished restoring cached node modules
6:26:26 PM: Installing npm packages using npm version 8.19.4
6:26:27 PM: npm ERR! code ERESOLVE
6:26:27 PM: npm ERR! ERESOLVE could not resolve
6:26:27 PM: npm ERR!
6:26:27 PM: npm ERR! While resolving: vite-plugin-mix@0.4.0
6:26:27 PM: npm ERR! Found: vite@4.3.5
6:26:27 PM: Failed during stage 'Install dependencies': dependency_installation script returned non-zero exit code: 1
6:26:27 PM: npm ERR! node_modules/vite
6:26:27 PM: npm ERR!   dev vite@"^4.1.0" from the root project
6:26:27 PM: npm ERR!   peer vite@"^4.1.0-beta.0" from @vitejs/plugin-react@3.1.0
6:26:27 PM: npm ERR!   node_modules/@vitejs/plugin-react
6:26:27 PM: npm ERR!     dev @vitejs/plugin-react@"^3.1.0" from the root project
6:26:27 PM: npm ERR!
6:26:27 PM: npm ERR! Could not resolve dependency:
6:26:27 PM: npm ERR! peer vite@"^3" from vite-plugin-mix@0.4.0
6:26:27 PM: npm ERR! node_modules/vite-plugin-mix
6:26:27 PM: npm ERR!   dev vite-plugin-mix@"^0.4.0" from the root project
6:26:27 PM: npm ERR!
6:26:27 PM: npm ERR! Conflicting peer dependency: vite@3.2.6
6:26:27 PM: npm ERR! node_modules/vite
6:26:27 PM: npm ERR!   peer vite@"^3" from vite-plugin-mix@0.4.0
6:26:27 PM: npm ERR!   node_modules/vite-plugin-mix
6:26:27 PM: npm ERR!     dev vite-plugin-mix@"^0.4.0" from the root project
6:26:27 PM: npm ERR!
6:26:27 PM: npm ERR! Fix the upstream dependency conflict, or retry
6:26:27 PM: npm ERR! this command with --force, or --legacy-peer-deps
6:26:27 PM: npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
6:26:27 PM: npm ERR!
6:26:27 PM: npm ERR! See /opt/buildhome/.npm/eresolve-report.txt for a full report.
6:26:27 PM: npm ERR! A complete log of this run can be found in:
6:26:27 PM: npm ERR!     /opt/buildhome/.npm/_logs/2023-05-09T15_26_27_054Z-debug-0.log
6:26:27 PM: Error during npm install
6:26:27 PM: Build was terminated: dependency_installation script returned non-zero exit code: 1
6:26:27 PM: Failing build: Failed to install dependencies
6:26:28 PM: Finished processing build request in 13.708s

Its weird that it just remembered that I conflicting issues while I didnt change anything!

Hello @Neelixman :wave: ,

You’ll want to check out our docs on Build fails on peer dependency conflict. Please, take a look and let me know if this helps!