@react-three/fiber 10.0.0-canary.c3fa45d → 10.0.0-canary.c5c1a94
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +504 -1355
- package/dist/index.d.cts +151 -800
- package/dist/index.d.mts +151 -800
- package/dist/index.d.ts +151 -800
- package/dist/index.mjs +479 -1328
- package/dist/legacy.cjs +459 -1310
- package/dist/legacy.d.cts +151 -799
- package/dist/legacy.d.mts +151 -799
- package/dist/legacy.d.ts +151 -799
- package/dist/legacy.mjs +433 -1282
- package/dist/webgpu/index.cjs +1024 -2098
- package/dist/webgpu/index.d.cts +184 -803
- package/dist/webgpu/index.d.mts +184 -803
- package/dist/webgpu/index.d.ts +184 -803
- package/dist/webgpu/index.mjs +1000 -2072
- package/package.json +4 -3
- package/readme.md +2 -3
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-three/fiber",
|
|
3
|
-
"version": "10.0.0-canary.
|
|
3
|
+
"version": "10.0.0-canary.c5c1a94",
|
|
4
4
|
"description": "A React renderer for Threejs",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -58,6 +58,7 @@
|
|
|
58
58
|
"dependencies": {
|
|
59
59
|
"@babel/runtime": "^7.28.6",
|
|
60
60
|
"@monogrid/gainmap-js": "^3.4.0",
|
|
61
|
+
"@pmndrs/scheduler": "^0.1.0",
|
|
61
62
|
"dequal": "^2.0.3",
|
|
62
63
|
"its-fine": "^2.0.0",
|
|
63
64
|
"react-use-measure": "^2.1.7",
|
|
@@ -68,14 +69,14 @@
|
|
|
68
69
|
},
|
|
69
70
|
"devDependencies": {
|
|
70
71
|
"@types/react-reconciler": "^0.32.3",
|
|
71
|
-
"@types/three": "^0.
|
|
72
|
+
"@types/three": "^0.185.0",
|
|
72
73
|
"@types/webxr": "*",
|
|
73
74
|
"react-reconciler": "^0.33.0"
|
|
74
75
|
},
|
|
75
76
|
"peerDependencies": {
|
|
76
77
|
"react": ">=19.0 <19.3",
|
|
77
78
|
"react-dom": ">=19.0 <19.3",
|
|
78
|
-
"three": ">=0.
|
|
79
|
+
"three": ">=0.185.0"
|
|
79
80
|
},
|
|
80
81
|
"peerDependenciesMeta": {
|
|
81
82
|
"react-dom": {
|
package/readme.md
CHANGED
|
@@ -136,7 +136,6 @@ createRoot(document.getElementById('root') as HTMLElement).render(
|
|
|
136
136
|
)
|
|
137
137
|
```
|
|
138
138
|
|
|
139
|
-
TODO: Move this
|
|
140
139
|
Live demo: https://codesandbox.io/s/icy-tree-brnsm?file=/src/App.tsx
|
|
141
140
|
|
|
142
141
|
</details>
|
|
@@ -153,7 +152,7 @@ npm install expo-cli -g
|
|
|
153
152
|
expo init my-app
|
|
154
153
|
cd my-app
|
|
155
154
|
# Install dependencies
|
|
156
|
-
npm install three @react-three/
|
|
155
|
+
npm install three @react-three/native
|
|
157
156
|
# Start
|
|
158
157
|
expo start
|
|
159
158
|
```
|
|
@@ -172,7 +171,7 @@ module.exports = {
|
|
|
172
171
|
|
|
173
172
|
```tsx
|
|
174
173
|
import React, { useRef, useState } from 'react'
|
|
175
|
-
import { Canvas, useFrame } from '@react-three/
|
|
174
|
+
import { Canvas, useFrame } from '@react-three/native'
|
|
176
175
|
function Box(props) {
|
|
177
176
|
const mesh = useRef(null)
|
|
178
177
|
const [hovered, setHover] = useState(false)
|