diff --git a/docs/tutorials/events-and-interaction.mdx b/docs/tutorials/events-and-interaction.mdx index cfa1464689..7e0c0b4853 100644 --- 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 - alert('Hellooo')} ref={myMesh}> + alert('Hellooo')}> @@ -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 - setActive(!active)} ref={myMesh}> + setActive(!active)}> diff --git a/docs/tutorials/loading-textures.mdx b/docs/tutorials/loading-textures.mdx index adebac331d..2555d92227 100644 --- 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 index 0c017cf55e..cc00ca3d97 100644 --- 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). +

@react-three/fiber

[![Version](https://img.shields.io/npm/v/@react-three/fiber?style=flat&colorA=000000&colorB=000000)](https://npmjs.com/package/@react-three/fiber)