@lukekaalim/act-three 5.2.1 → 5.2.2

package/hooks.js

@@ -1,6 +1,6 @@
 // @flow strict
 /*:: import type { Ref } from '@lukekaalim/act'; */
-/*:: import type { Camera, Scene, Texture } from "three"; */
+/*:: import type { Camera, Scene, Texture, Object3D } from "three"; */
 import { TextureLoader, Vector2, WebGLRenderer } from "three";
 
 import { useEffect, useState } from "@lukekaalim/act";
@@ -102,10 +102,10 @@ export const useAnimationFrame = (
   }, deps);
 }
 
-export const useRenderLoop = (
+export const useRenderLoop = /*:: <TCamera: Camera, TScene: Object3D>*/(
   renderer/*: ?WebGLRenderer*/,
-  camera/*: Ref<?Camera>*/,
-  scene/*: Ref<?Scene>*/,
+  camera/*: Ref<?TCamera>*/,
+  scene/*: Ref<?TScene>*/,
   onAnimate/*: (now: DOMHighResTimeStamp, delta: number) => mixed*/ = (_, __) => {},
   deps/*: mixed[]*/ = []
 ) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lukekaalim/act-three",
-  "version": "5.2.1",
+  "version": "5.2.2",
   "description": "Render threejs content using act",
   "main": "entry.js",
   "type": "module",

package/renderer.js

@@ -21,6 +21,8 @@ export const createObjectRenderer = ()/*: Renderer<Object3D>*/ => {
     add(diff) {
       if (typeof diff.next.element.type === 'function')
         return null;
+      if (diff.next.element.type === 'act:context')
+        return null;
       return createObject(diff.next.element.type);
     }
   });