Skip to content

fix(deps): update dependency @react-three/drei to v10 #11

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
SamuelIVX wants to merge 1 commit into from
Closed

fix(deps): update dependency @react-three/drei to v10 #11

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@
},
"dependencies": {
"@emailjs/browser": "^4.4.1",
"@react-three/drei": "^9.121.2",
"@react-three/drei": "^10.0.0",
"@react-three/fiber": "^8.17.12",
Comment on lines 16 to 18

@coderabbitai coderabbitai Bot Jan 29, 2026

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

⚠️ Potential issue | 🟠 Major

🧩 Analysis chain

🏁 Script executed:

#!/bin/bash
# Query npm registry for peerDependencies
echo "=== `@react-three/drei`@10.0.0 peerDependencies ==="
npm view `@react-three/drei`@10.0.0 peerDependencies --json 2>/dev/null || echo "Failed to query"

echo -e "\n=== `@react-three/fiber`@9.0.0 peerDependencies ==="
npm view `@react-three/fiber`@9.0.0 peerDependencies --json 2>/dev/null || echo "Failed to query"

echo -e "\n=== `@react-three/fiber`@8.17.12 peerDependencies ==="
npm view `@react-three/fiber`@8.17.12 peerDependencies --json 2>/dev/null || echo "Failed to query"

Repository: SamuelIVX/SamuelIVX.github.io

Length of output: 729

🏁 Script executed:

#!/bin/bash
# Check if package.json exists in repo and what React version is pinned
if [ -f "package.json" ]; then
  echo "=== React version in project ==="
  rg '"react":\s*' package.json -A 0
  echo ""
  echo "=== Full dependencies section ==="
  cat package.json | head -50
fi

Repository: SamuelIVX/SamuelIVX.github.io

Length of output: 1433

🌐 Web query:

@react-three/drei 10.0.0 peerDependencies @react-three/fiber requirements

💡 Result:

@react-three/drei@10.x declares a peer dependency on @react-three/fiber ^9.0.0 (example: @react-three/drei@10.0.3’s package.json). [1]

Also, I couldn’t find a stable @react-three/drei@10.0.0 published on npm—only 10.0.0-rc.* and then 10.0.1+. [2]

Sources:
[1] UNPKG @react-three/drei@10.0.3 package.json (peerDependencies) https://app.unpkg.com/@react-three/drei@10.0.3/files/package.json
[2] npm versions/tags showing 10.0.0-rc.* and 10.x latest https://www.npmjs.com/package/@react-three/drei?activeTab=versions

🌐 Web query:

@react-three/fiber 9.0.0 peerDependencies React version requirements

💡 Result:

For @react-three/fiber v9.x (including 9.0.0), the package’s peer dependency requirement for React is React 19:

  • react: ^19.0.0
  • react-dom: ^19.0.0 (peer, marked optional in peerDependenciesMeta) [1][2]

Sources: the v9 peer dependency set is shown in the published package metadata for 9.3.0 [1] and 9.2.0 [2].

Resolve the @react-three/drei v10 peer dependency mismatch with @react-three/fiber v8.

@react-three/drei@10.x requires @react-three/fiber@^9.0.0, but the project pins @react-three/fiber@^8.17.12. However, @react-three/fiber@9.x requires React 19, while the project is on React 18.3.1. This creates an unresolvable conflict.

You have two options:

Option A (full upgrade): Upgrade React and fiber together:

    "react": "^18.3.1",
-   "react-dom": "^18.3.1",
+   "react-dom": "^19.0.0",
    "@react-three/fiber": "^8.17.12",
+   "react": "^19.0.0",

(Verify application compatibility with React 19.)

Option B (revert drei): Keep drei on v9 until React 19 migration is ready:

-  "@react-three/drei": "^10.0.0",
+  "@react-three/drei": "^9.121.2",
   "@react-three/fiber": "^8.17.12",
📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change
"@emailjs/browser": "^4.4.1",
"@react-three/drei": "^9.121.2",
"@react-three/drei": "^10.0.0",
"@react-three/fiber": "^8.17.12",
"@emailjs/browser": "^4.4.1",
"@react-three/drei": "^9.121.2",
"@react-three/fiber": "^8.17.12",
🤖 Prompt for AI Agents 
In `@package.json` around lines 16 - 18, The dependency mismatch between
`@react-three/drei` (v10) and `@react-three/fiber` (v8) must be resolved; either
upgrade React to 19 and bump `@react-three/fiber` to ^9.0.0 and then update
`@react-three/drei` to ^10.0.0 (verify app compatibility and run tests), or revert
`@react-three/drei` to a v9 release that supports `@react-three/fiber`@^8 (change
"@react-three/drei" to a ^9.x version in package.json), run package install, and
validate the app; choose the revert-to-v9 path if you cannot migrate to React 19
now.

"framer-motion": "^12.0.0",
"maath": "^0.10.8",
Expand Down
Loading