v9 rc

.github/workflows/test.yml

@@ -33,7 +33,7 @@ jobs:
         run: yarn run build
 
       - name: Jest run
-        run: yarn run test
+        run: yarn run dev && yarn run test
 
       - name: Report Fiber size
         run: yarn run analyze-fiber

docs/API/canvas.mdx

@@ -23,27 +23,27 @@ const App = () => (
 
 ## Properties
 
-| Prop            | Description                                                                                                                                       | Default                                                           |
-| --------------- | ------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------- |
-| children        | three.js JSX elements or regular components                                                                                                       |                                                                   |
-| fallback        | optional DOM JSX elements or regular components in case GL is not supported                                                                       |                                                                   |
-| gl              | Props that go into the default renderer, or your own renderer. Also accepts a synchronous callback like `gl={canvas => new Renderer({ canvas })}` | `{}`                                                              |
-| camera          | Props that go into the default camera, or your own `THREE.Camera`                                                                                 | `{ fov: 75, near: 0.1, far: 1000, position: [0, 0, 5] }`          |
-| scene           | Props that go into the default scene, or your own `THREE.Scene`                                                                                   | `{}`                                                              |
-| shadows         | Props that go into `gl.shadowMap`, can be set true for `PCFsoft` or one of the following: 'basic', 'percentage', 'soft', 'variance'               | `false`                                                           |
-| raycaster       | Props that go into the default raycaster                                                                                                          | `{}`                                                              |
-| frameloop       | Render mode: always, demand, never                                                                                                                | `always`                                                          |
-| resize          | Resize config, see react-use-measure's options                                                                                                    | `{ scroll: true, debounce: { scroll: 50, resize: 0 } }`           |
-| orthographic    | Creates an orthographic camera                                                                                                                    | `false`                                                           |
-| dpr             | Pixel-ratio, use `window.devicePixelRatio`, or automatic: [min, max]                                                                              | `[1, 2]`                                                          |
-| legacy          | Enables THREE.ColorManagement in three r139 or later                                                                                              | `false`                                                           |
-| linear          | Switch off automatic sRGB color space and gamma correction                                                                                        | `false`                                                           |
-| events          | Configuration for the event manager, as a function of state                                                                                       | `import { events } from "@react-three/fiber"`                     |
-| eventSource     | The source where events are being subscribed to, HTMLElement                                                                                      | `React.MutableRefObject<HTMLElement>`, `gl.domElement.parentNode` |
-| eventPrefix     | The event prefix that is cast into canvas pointer x/y events                                                                                      | `offset`                                                          |
-| flat            | Use `THREE.NoToneMapping` instead of `THREE.ACESFilmicToneMapping`                                                                                | `false`                                                           |
-| onCreated       | Callback after the canvas has rendered (but not yet committed)                                                                                    | `(state) => {}`                                                   |
-| onPointerMissed | Response for pointer clicks that have missed any target                                                                                           | `(event) => {}`                                                   |
+| Prop            | Description                                                                                                                                       | Default                                                    |
+| --------------- | ------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------- |
+| children        | three.js JSX elements or regular components                                                                                                       |                                                            |
+| fallback        | optional DOM JSX elements or regular components in case GL is not supported                                                                       |                                                            |
+| gl              | Props that go into the default renderer, or your own renderer. Also accepts a synchronous callback like `gl={canvas => new Renderer({ canvas })}` | `{}`                                                       |
+| camera          | Props that go into the default camera, or your own `THREE.Camera`                                                                                 | `{ fov: 75, near: 0.1, far: 1000, position: [0, 0, 5] }`   |
+| scene           | Props that go into the default scene, or your own `THREE.Scene`                                                                                   | `{}`                                                       |
+| shadows         | Props that go into `gl.shadowMap`, can be set true for `PCFsoft` or one of the following: 'basic', 'percentage', 'soft', 'variance'               | `false`                                                    |
+| raycaster       | Props that go into the default raycaster                                                                                                          | `{}`                                                       |
+| frameloop       | Render mode: always, demand, never                                                                                                                | `always`                                                   |
+| resize          | Resize config, see react-use-measure's options                                                                                                    | `{ scroll: true, debounce: { scroll: 50, resize: 0 } }`    |
+| orthographic    | Creates an orthographic camera                                                                                                                    | `false`                                                    |
+| dpr             | Pixel-ratio, use `window.devicePixelRatio`, or automatic: [min, max]                                                                              | `[1, 2]`                                                   |
+| legacy          | Enables THREE.ColorManagement in three r139 or later                                                                                              | `false`                                                    |
+| linear          | Switch off automatic sRGB color space and gamma correction                                                                                        | `false`                                                    |
+| events          | Configuration for the event manager, as a function of state                                                                                       | `import { events } from "@react-three/fiber"`              |
+| eventSource     | The source where events are being subscribed to, HTMLElement                                                                                      | `React.RefObject<HTMLElement>`, `gl.domElement.parentNode` |
+| eventPrefix     | The event prefix that is cast into canvas pointer x/y events                                                                                      | `offset`                                                   |
+| flat            | Use `THREE.NoToneMapping` instead of `THREE.ACESFilmicToneMapping`                                                                                | `false`                                                    |
+| onCreated       | Callback after the canvas has rendered (but not yet committed)                                                                                    | `(state) => {}`                                            |
+| onPointerMissed | Response for pointer clicks that have missed any target                                                                                           | `(event) => {}`                                            |
 
 ## Defaults