chore: update dependencies (React 19, R3F, Vite) - #192
Conversation
📝 WalkthroughWalkthroughDependency versions are bumped across React, React DOM, Three.js ecosystem packages, and build tooling. React-tilt library is replaced with react-parallax-tilt in component files, updating tilt configuration from inline options objects to explicit props while maintaining existing animation behavior. Changes
Estimated code review effort🎯 2 (Simple) | ⏱️ ~10 minutes Poem
🚥 Pre-merge checks | ✅ 3✅ Passed checks (3 passed)
✏️ Tip: You can configure your own custom pre-merge checks in the settings. ✨ Finishing touches
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
There was a problem hiding this comment.
Actionable comments posted: 0
🧹 Nitpick comments (2)
src/components/About.jsx (1)
1-1: Optional: Unused React import.With React 19 and the new JSX transform (enabled by default in Vite), you no longer need to import
Reactunless you use React APIs directly. This file only uses JSX, so the import can be removed.Suggested change
-import React from "react";src/components/Works.jsx (1)
1-1: Optional: Unused React import.Same as
About.jsx— this import is unnecessary with React 19's new JSX transform since no React APIs are directly used.Suggested change
-import React from "react";
📜 Review details
Configuration used: defaults
Review profile: CHILL
Plan: Pro
⛔ Files ignored due to path filters (1)
package-lock.jsonis excluded by!**/package-lock.json
📒 Files selected for processing (3)
package.jsonsrc/components/About.jsxsrc/components/Works.jsx
🔇 Additional comments (5)
src/components/About.jsx (1)
2-2: Migration to react-parallax-tilt looks correct.The switch from
react-tilttoreact-parallax-tiltwith explicit props (tiltMaxAngleX,tiltMaxAngleY,scale,transitionSpeed) follows the library's API correctly. The 45-degree max angles are more aggressive than the default (20°), but this matches the original configuration.Also applies to: 11-17
package.json (3)
13-19: Dependency upgrades are well-coordinated.The React 19 upgrade with matching
@types/reactand@types/react-dom, along with compatible versions of@react-three/fiber,@react-three/drei,framer-motion, and the newreact-parallax-tiltlibrary, demonstrates a thoughtful upgrade approach.Also applies to: 25-27
21-21: Remove concern about peer dependency warnings for react-vertical-timeline-component.The package doesn't declare React as a peer dependency, so there won't be peer dependency warnings during install. If runtime compatibility issues exist, they won't surface until testing. If this package is known to have React 19 incompatibilities, that should be documented separately; otherwise, this concern is speculative.
Likely an incorrect or invalid review comment.
31-31: No action required on Vite version.Vite
^7.3.1is the current latest stable version as of January 2026 and is correct.src/components/Works.jsx (1)
2-2: Tilt migration is consistent with About.jsx.The
react-parallax-tiltusage follows the same pattern asAbout.jsxwith identical prop configuration. This consistency is good for maintainability.Also applies to: 21-27
•Updated React/ReactDOM to 19.2.0
•Upgraded @react-three/fiber and @react-three/drei to React 19–compatible versions
•Replaced react-tilt with react-parallax-tilt to fix peer dependency conflict
•Upgraded Vite to address esbuild audit warning (GHSA-67mh-4wv8-2f99)
Summary by CodeRabbit
Release Notes
New Features
Chores
✏️ Tip: You can customize this high-level summary in your review settings.