@remotion/three 3.3.8 → 3.3.9

package/dist/SuspenseLoader.js

@@ -5,12 +5,15 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const remotion_1 = require("remotion");
 const Unblocker = () => {
-    const [handle] = (0, react_1.useState)(() => (0, remotion_1.delayRender)(`Waiting for <Suspense /> of <ThreeCanvas /> to resolve`));
-    (0, react_1.useEffect)(() => {
-        return () => {
-            (0, remotion_1.continueRender)(handle);
-        };
-    }, [handle]);
+    if (typeof document !== 'undefined') {
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        (0, react_1.useLayoutEffect)(() => {
+            const handle = (0, remotion_1.delayRender)(`Waiting for <Suspense /> of <ThreeCanvas /> to resolve`);
+            return () => {
+                (0, remotion_1.continueRender)(handle);
+            };
+        }, []);
+    }
     return null;
 };
 const SuspenseLoader = ({ children }) => {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/three",
-	"version": "3.3.8",
+	"version": "3.3.9",
 	"description": "Utility functions for using react-three-fiber with remotion",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
@@ -20,7 +20,7 @@
 		"url": "https://github.com/remotion-dev/remotion/issues"
 	},
 	"dependencies": {
-		"remotion": "3.3.8"
+		"remotion": "3.3.9"
 	},
 	"peerDependencies": {
 		"@react-three/fiber": ">=8.0.0",
@@ -55,5 +55,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "4d4c78cf83b5fd085f24d5fd19f4507815e200a7"
+	"gitHead": "86269c98522cb7ea280f8283fa6c57885b971b3b"
 }