Dependency Upgrade Guide
Overview
Your project has several outdated dependencies that need updating. Below is a summary of what needs to be updated and how to do it.
Check Outdated packages
yarn outdated
Dependencies to Update
| Package | Current | Wanted | Latest | Type | Update Command |
|---|---|---|---|---|---|
| @eslint/js | 9.25.1 | 9.26.0 | 9.26.0 | devDependencies | yarn add -D @eslint/[email protected] |
| @tanstack/react-router | 1.119.0 | 1.120.2 | 1.120.2 | dependencies | yarn add @tanstack/[email protected] |
| @tanstack/react-router-devtools | 1.119.1 | 1.120.2 | 1.120.2 | dependencies | yarn add @tanstack/[email protected] |
| @tanstack/router-plugin | 1.119.0 | 1.120.2 | 1.120.2 | devDependencies | yarn add -D @tanstack/[email protected] |
| @types/react | 19.1.2 | 19.1.3 | 19.1.3 | devDependencies | yarn add -D @types/[email protected] |
| eslint | 9.25.1 | 9.26.0 | 9.26.0 | devDependencies | yarn add -D [email protected] |
| globals | 16.0.0 | 16.1.0 | 16.1.0 | devDependencies | yarn add -D [email protected] |
| typescript | 5.7.3 | 5.7.3 | 5.8.3 | devDependencies | yarn add -D [email protected] |
Update Commands
Update All Dependencies at Once
yarn upgrade-interactive --latest
This will open an interactive interface where you can select which packages to upgrade. Or PRESS A to select all dependencies and click ENTER.
Update Specific Package Groups
Update All TanStack Router Packages
yarn add @tanstack/react-router@latest @tanstack/react-router-devtools@latest
yarn add -D @tanstack/router-plugin@latest
Update TypeScript
yarn add -D [email protected]
Update ESLint Packages
yarn add -D @eslint/js@latest eslint@latest
Update React Types
yarn add -D @types/react@latest
Update Globals
yarn add -D globals@latest
After Updating
After updating your dependencies, make sure to:
-
Run your tests to ensure everything still works:
yarn test -
Start your development server to verify the application runs correctly:
yarn dev -
Check for any breaking changes in the updated packages, especially for TypeScript 5.8.3 which is a minor version change.
Notes on Updates
- Most updates are green (patch updates) or yellow (minor updates) which should be backward compatible
- The TypeScript update from 5.7.3 to 5.8.3 is a minor version change that might introduce some new features or improvements
- All TanStack Router packages should be updated together to maintain compatibility