@react-three/fiber 10.0.0-canary.b0fafc8 → 10.0.0-canary.b86abaa

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-three/fiber",
-  "version": "10.0.0-canary.b0fafc8",
+  "version": "10.0.0-canary.b86abaa",
   "description": "A React renderer for Threejs",
   "keywords": [
     "react",
@@ -35,7 +35,6 @@
   "sideEffects": false,
   "files": [
     "dist",
-    "react-reconciler",
     "readme.md"
   ],
   "exports": {
@@ -53,29 +52,35 @@
       "types": "./dist/webgpu/index.d.ts",
       "import": "./dist/webgpu/index.mjs",
       "require": "./dist/webgpu/index.cjs"
-    }
+    },
+    "./extension": {
+      "types": "./dist/extension.d.ts",
+      "import": "./dist/extension.mjs",
+      "require": "./dist/extension.cjs"
+    },
+    "./package.json": "./package.json"
   },
   "dependencies": {
     "@babel/runtime": "^7.28.6",
-    "@monogrid/gainmap-js": "^3.4.0",
+    "@pmndrs/scheduler": "^0.2.0",
     "dequal": "^2.0.3",
     "its-fine": "^2.0.0",
     "react-use-measure": "^2.1.7",
-    "scheduler": "^0.27.0",
+    "scheduler": "^0.28.0",
     "suspend-react": "^0.1.3",
     "use-sync-external-store": "^1.6.0",
     "zustand": "^5.0.10"
   },
   "devDependencies": {
-    "@types/react-reconciler": "^0.32.3",
-    "@types/three": "^0.181.0",
+    "@types/react-reconciler": "^0.33.0",
+    "@types/three": "^0.185.0",
     "@types/webxr": "*",
-    "react-reconciler": "^0.33.0"
+    "react-reconciler": "^0.34.0"
   },
   "peerDependencies": {
-    "react": ">=19.0 <19.3",
-    "react-dom": ">=19.0 <19.3",
-    "three": ">=0.181.2"
+    "react": ">=19.0 <19.4",
+    "react-dom": ">=19.0 <19.4",
+    "three": ">=0.185.0"
   },
   "peerDependenciesMeta": {
     "react-dom": {
@@ -85,7 +90,6 @@
   "scripts": {
     "prebuild": "node -e \"require('fs').copyFileSync('../../readme.md', 'readme.md')\"",
     "build": "unbuild",
-    "postbuild": "node ../../scripts/fix-three-types.js",
     "stub": "unbuild --stub"
   }
 }

package/readme.md

@@ -136,7 +136,6 @@ createRoot(document.getElementById('root') as HTMLElement).render(
 )
 ```
 
-TODO: Move this
 Live demo: https://codesandbox.io/s/icy-tree-brnsm?file=/src/App.tsx
 
 </details>
@@ -144,7 +143,7 @@ Live demo: https://codesandbox.io/s/icy-tree-brnsm?file=/src/App.tsx
 <details>
   <summary>Show React Native example</summary>
 
-This example relies on react 18 and uses `expo-cli`, but you can create a bare project with their template or with the `react-native` CLI.
+This example uses `expo-cli`, but you can create a bare project with their template or with the `react-native` CLI.
 
 ```bash
 # Install expo-cli, this will create our app
@@ -153,7 +152,7 @@ npm install expo-cli -g
 expo init my-app
 cd my-app
 # Install dependencies
-npm install three @react-three/fiber@beta react@rc
+npm install three @react-three/native
 # Start
 expo start
 ```
@@ -172,7 +171,7 @@ module.exports = {
 
 ```tsx
 import React, { useRef, useState } from 'react'
-import { Canvas, useFrame } from '@react-three/fiber/native'
+import { Canvas, useFrame } from '@react-three/native'
 function Box(props) {
   const mesh = useRef(null)
   const [hovered, setHover] = useState(false)
@@ -216,7 +215,7 @@ Visit [docs.pmnd.rs](https://docs.pmnd.rs/react-three-fiber) | [Awesome React Th
 
 You need to be versed in both React and Threejs before rushing into this. If you are unsure about React consult the official [React docs](https://react.dev/learn), especially [the section about hooks](https://react.dev/reference/react). As for Threejs, make sure you at least glance over the following links:
 
-1. Make sure you have a [basic grasp of Threejs](https://threejs.org/docs/index.html#manual/en/introduction/Creating-a-scene). Keep that site open.
+1. Make sure you have a [basic grasp of Threejs](https://threejs.org/manual/#en/creating-a-scene). Keep that site open.
 2. When you know what a scene is, a camera, mesh, geometry, material, fork the [demo above](https://github.com/pmndrs/react-three-fiber#what-does-it-look-like).
 3. [Look up](https://threejs.org/docs/index.html#api/en/objects/Mesh) the JSX elements that you see (mesh, ambientLight, etc), _all_ threejs exports are native to three-fiber.
 4. Try changing some values, scroll through our [API](https://docs.pmnd.rs/react-three-fiber) to see what the various settings and hooks do.

package/react-reconciler/constants.d.ts

@@ -1,7 +0,0 @@
-export const DiscreteEventPriority = 0b0000000000000000000000000000001;
-export const ContinuousEventPriority = 0b0000000000000000000000000000100;
-export const DefaultEventPriority = 0b0000000000000000000000000010000;
-export const IdleEventPriority = 0b0100000000000000000000000000000;
-export const LegacyRoot = 0;
-export const ConcurrentRoot = 1;
-export const NoEventPriority = 0;

package/react-reconciler/constants.js

@@ -1 +0,0 @@
-const t=1,o=8,r=32,e=2,i=268435456,n=0,s=0;export{t as ConcurrentRoot,o as ContinuousEventPriority,r as DefaultEventPriority,e as DiscreteEventPriority,i as IdleEventPriority,n as LegacyRoot,s as NoEventPriority};