@remotion/three 4.0.341 → 4.0.344

package/dist/cjs/ThreeCanvas.js

@@ -25,14 +25,14 @@ const FiberFrameInvalidator = () => {
     }, [frame, invalidate]);
     return null;
 };
-const { isRendering } = (0, remotion_1.getRemotionEnvironment)();
-// https://r3f.docs.pmnd.rs/advanced/scaling-performance#on-demand-rendering
-const shouldUseFrameloopDemand = isRendering;
 /*
  * @description A wrapper for React Three Fiber's <Canvas /> which synchronizes with Remotion's useCurrentFrame().
  * @see [Documentation](https://www.remotion.dev/docs/three-canvas)
  */
 const ThreeCanvas = (props) => {
+    const { isRendering } = (0, remotion_1.useRemotionEnvironment)();
+    // https://r3f.docs.pmnd.rs/advanced/scaling-performance#on-demand-rendering
+    const shouldUseFrameloopDemand = isRendering;
     const { children, width, height, style, onCreated, ...rest } = props;
     const [waitForCreated] = (0, react_1.useState)(() => (0, remotion_1.delayRender)('Waiting for <ThreeCanvas/> to be created'));
     (0, validate_1.validateDimension)(width, 'width', 'of the <ThreeCanvas /> component');

package/dist/cjs/use-offthread-video-texture.js

@@ -109,9 +109,10 @@ function useOffthreadVideoTexture({ src, playbackRate = 1, transparent = false,
     if (!src) {
         throw new Error('src must be provided to useOffthreadVideoTexture');
     }
-    const { isRendering } = (0, remotion_1.getRemotionEnvironment)();
+    const env = (0, remotion_1.useRemotionEnvironment)();
+    const { isRendering } = env;
     if (!isRendering) {
-        throw new Error('useOffthreadVideoTexture() can only be used during rendering. Use getRemotionEnvironment().isRendering to render it conditionally.');
+        throw new Error('useOffthreadVideoTexture() can only be used during rendering. Use useRemotionEnvironment().isRendering to render it conditionally.');
     }
     return (0, exports.useInnerVideoTexture)({
         playbackRate,

package/dist/esm/index.mjs

@@ -29,8 +29,8 @@ import {
   Internals,
   continueRender as continueRender2,
   delayRender as delayRender2,
-  getRemotionEnvironment,
-  useCurrentFrame
+  useCurrentFrame,
+  useRemotionEnvironment
 } from "remotion";
 
 // src/SuspenseLoader.tsx
@@ -82,9 +82,9 @@ var FiberFrameInvalidator = () => {
   }, [frame, invalidate]);
   return null;
 };
-var { isRendering } = getRemotionEnvironment();
-var shouldUseFrameloopDemand = isRendering;
 var ThreeCanvas = (props) => {
+  const { isRendering } = useRemotionEnvironment();
+  const shouldUseFrameloopDemand = isRendering;
   const { children, width, height, style, onCreated, ...rest } = props;
   const [waitForCreated] = useState(() => delayRender2("Waiting for <ThreeCanvas/> to be created"));
   validateDimension(width, "width", "of the <ThreeCanvas /> component");
@@ -128,8 +128,8 @@ import {
   cancelRender,
   continueRender as continueRender3,
   delayRender as delayRender3,
-  getRemotionEnvironment as getRemotionEnvironment2,
   useCurrentFrame as useCurrentFrame2,
+  useRemotionEnvironment as useRemotionEnvironment2,
   useVideoConfig
 } from "remotion";
 import { NoReactInternals as NoReactInternals2 } from "remotion/no-react";
@@ -210,9 +210,10 @@ function useOffthreadVideoTexture({
   if (!src) {
     throw new Error("src must be provided to useOffthreadVideoTexture");
   }
-  const { isRendering: isRendering2 } = getRemotionEnvironment2();
-  if (!isRendering2) {
-    throw new Error("useOffthreadVideoTexture() can only be used during rendering. Use getRemotionEnvironment().isRendering to render it conditionally.");
+  const env = useRemotionEnvironment2();
+  const { isRendering } = env;
+  if (!isRendering) {
+    throw new Error("useOffthreadVideoTexture() can only be used during rendering. Use useRemotionEnvironment().isRendering to render it conditionally.");
   }
   return useInnerVideoTexture({
     playbackRate,

package/package.json

@@ -3,7 +3,7 @@
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/three"
   },
   "name": "@remotion/three",
-  "version": "4.0.341",
+  "version": "4.0.344",
   "description": "Include React Three Fiber components in a Remotion video",
   "main": "dist/cjs/index.js",
   "types": "dist/cjs/index.d.ts",
@@ -16,14 +16,14 @@
     "url": "https://github.com/remotion-dev/remotion/issues"
   },
   "dependencies": {
-    "remotion": "4.0.341"
+    "remotion": "4.0.344"
   },
   "peerDependencies": {
     "@react-three/fiber": ">=8.0.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
     "three": ">=0.137.0",
-    "remotion": "4.0.341"
+    "remotion": "4.0.344"
   },
   "devDependencies": {
     "@react-three/fiber": "9.2.0",
@@ -34,8 +34,8 @@
     "react-dom": "19.0.0",
     "three": "0.178.0",
     "eslint": "9.19.0",
-    "remotion": "4.0.341",
-    "@remotion/eslint-config-internal": "4.0.341"
+    "@remotion/eslint-config-internal": "4.0.344",
+    "remotion": "4.0.344"
   },
   "keywords": [
     "remotion",