Merge branch 'master' into v9

pmndrs · Dec 9, 2024 · 55e57aa · 55e57aa
2 parents 400b4cd + 5a50800
commit 55e57aa
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/docs/tutorials/events-and-interaction.mdx b/docs/tutorials/events-and-interaction.mdx
@@ -35,7 +35,7 @@ From this we can see that what we need to do is use the old `onClick` event we u
 Let's add it then:
 
 ```jsx
-<mesh onClick={() => alert('Hellooo')} ref={myMesh}>
+<mesh onClick={() => alert('Hellooo')}>
   <boxGeometry />
   <meshPhongMaterial color="royalblue" />
 </mesh>
@@ -52,7 +52,7 @@ const [active, setActive] = useState(false)
 After we have this we can set the scale with a ternary operator like so:
 
 ```jsx
-<mesh scale={active ? 1.5 : 1} onClick={() => setActive(!active)} ref={myMesh}>
+<mesh scale={active ? 1.5 : 1} onClick={() => setActive(!active)}>
   <boxGeometry />
   <meshPhongMaterial color="royalblue" />
 </mesh>

diff --git a/docs/tutorials/loading-textures.mdx b/docs/tutorials/loading-textures.mdx
@@ -21,7 +21,7 @@ Let's then with this information create a small scene where we can use this text
 ```jsx
 import { Suspense } from 'react'
 import { Canvas, useLoader } from '@react-three/fiber'
-import { TextureLoader } from 'three/src/loaders/TextureLoader'
+import { TextureLoader } from 'three'
 
 function Scene() {
   const colorMap = useLoader(TextureLoader, 'PavingStones092_1K_Color.jpg')

diff --git a/readme.md b/readme.md
@@ -1,3 +1,9 @@
+> [!WARNING]  
+> R3F v8 is not compatible with React 19 or Next 15, which uses React 19. Use the R3F v9 RC instead which can be installed with `@react-three/fiber@rc`.
+
+> [!NOTE]  
+> While we work on R3F v9 you can track compatibility of different libraries and common workarounds [here](https://github.com/verekia/three-gpu-ecosystem-tests).
+
 <h1>@react-three/fiber</h1>
 
 [![Version](https://img.shields.io/npm/v/@react-three/fiber?style=flat&colorA=000000&colorB=000000)](https://npmjs.com/package/@react-three/fiber)