Skip to content

chore: update dependencies (React 19, R3F, Vite) - #192

Open
3nr19u3 wants to merge 2 commits into
adrianhajdin:mainfrom
3nr19u3:chore/react19-deps
Open

chore: update dependencies (React 19, R3F, Vite)#192
3nr19u3 wants to merge 2 commits into
adrianhajdin:mainfrom
3nr19u3:chore/react19-deps

Conversation

@3nr19u3

@3nr19u3 3nr19u3 commented Jan 11, 2026

Copy link
Copy Markdown

•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

    • Enhanced tilt effects with improved configuration options for better visual interactivity.
  • Chores

    • Updated runtime dependencies including React, Three.js, and Framer Motion.
    • Added new tilt library for improved component animations.
    • Updated development tools and build configuration.

✏️ Tip: You can customize this high-level summary in your review settings.

@coderabbitai

coderabbitai Bot commented Jan 11, 2026

Copy link
Copy Markdown
📝 Walkthrough

Walkthrough

Dependency 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

Cohort / File(s) Summary
Dependency Updates
package.json
Bumps @react-three/drei, @react-three/fiber, framer-motion, react, react-dom, three to newer versions; adds react-parallax-tilt; updates @types/react, @types/react-dom, @vitejs/plugin-react, and vite.
Tilt Library Migration
src/components/About.jsx, src/components/Works.jsx
Replaces react-tilt with react-parallax-tilt; converts Tilt.options object to explicit props (tiltMaxAngleX, tiltMaxAngleY, scale, transitionSpeed) for tilt component configuration.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Poem

🐰✨ With bundled versions fresh and bright,
We swap our Tilt to parallel light,
Props now dance where options stood before,
Three.js leaps, and React soars once more! 🚀

🚥 Pre-merge checks | ✅ 3
✅ Passed checks (3 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title accurately summarizes the main changes: dependency updates including React 19, React Three Fiber (R3F), and Vite, which are the primary objectives of the PR.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing touches
  • 📝 Generate docstrings

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.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

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 React unless 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

📥 Commits

Reviewing files that changed from the base of the PR and between 9985e4b and 4c88fb9.

⛔ Files ignored due to path filters (1)
  • package-lock.json is excluded by !**/package-lock.json
📒 Files selected for processing (3)
  • package.json
  • src/components/About.jsx
  • src/components/Works.jsx
🔇 Additional comments (5)
src/components/About.jsx (1)

2-2: Migration to react-parallax-tilt looks correct.

The switch from react-tilt to react-parallax-tilt with 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/react and @types/react-dom, along with compatible versions of @react-three/fiber, @react-three/drei, framer-motion, and the new react-parallax-tilt library, 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.1 is 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-tilt usage follows the same pattern as About.jsx with identical prop configuration. This consistency is good for maintainability.

Also applies to: 21-27

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant