remotion 4.0.258 → 4.0.259

package/dist/cjs/Composition.js

@@ -34,7 +34,10 @@ const Composition = ({ width, height, fps, durationInFrames, id, defaultProps, s
     var _a, _b;
     const { registerComposition, unregisterComposition } = (0, react_1.useContext)(CompositionManagerContext_js_1.CompositionManager);
     const video = (0, use_video_js_1.useVideo)();
-    const lazy = (0, use_lazy_component_js_1.useLazyComponent)(compProps);
+    const lazy = (0, use_lazy_component_js_1.useLazyComponent)({
+        compProps: compProps,
+        componentName: 'Composition',
+    });
     const nonce = (0, nonce_js_1.useNonce)();
     const isPlayer = (0, is_player_js_1.useIsPlayer)();
     const environment = (0, get_remotion_environment_js_1.getRemotionEnvironment)();

package/dist/cjs/internals.d.ts

@@ -28,7 +28,10 @@ export declare const Internals: {
     readonly getRoot: () => import("react").FC<{}> | null;
     readonly useMediaVolumeState: () => readonly [number, (u: number) => void];
     readonly useMediaMutedState: () => readonly [boolean, (u: React.SetStateAction<boolean>) => void];
-    readonly useLazyComponent: <Props>(compProps: CompProps<Props>) => import("react").ExoticComponent<Props | (import("react").PropsWithoutRef<Props> & import("react").RefAttributes<import("react").Component<Props, any, any>>)> & {
+    readonly useLazyComponent: <Props>({ compProps, componentName, }: {
+        compProps: CompProps<Props>;
+        componentName: string;
+    }) => import("react").ExoticComponent<Props | (import("react").PropsWithoutRef<Props> & import("react").RefAttributes<import("react").Component<Props, any, any>>)> & {
         readonly _result: import("react").ComponentType<Props>;
     };
     readonly truthy: typeof truthy;
@@ -169,11 +172,11 @@ export declare const Internals: {
     readonly PROPS_UPDATED_EXTERNALLY: "remotion.propsUpdatedExternally";
     readonly validateRenderAsset: (artifact: TRenderAsset) => void;
     readonly Log: {
-        trace: (logLevel: import("./log.js").LogLevel, ...args: Parameters<typeof console.log>) => void;
-        verbose: (logLevel: import("./log.js").LogLevel, ...args: Parameters<typeof console.log>) => void;
-        info: (logLevel: import("./log.js").LogLevel, ...args: Parameters<typeof console.log>) => void;
-        warn: (logLevel: import("./log.js").LogLevel, ...args: Parameters<typeof console.log>) => void;
-        error: (...args: Parameters<typeof console.log>) => void;
+        trace: (logLevel: import("./log.js").LogLevel, message?: any, ...optionalParams: any[]) => void;
+        verbose: (logLevel: import("./log.js").LogLevel, message?: any, ...optionalParams: any[]) => void;
+        info: (logLevel: import("./log.js").LogLevel, message?: any, ...optionalParams: any[]) => void;
+        warn: (logLevel: import("./log.js").LogLevel, message?: any, ...optionalParams: any[]) => void;
+        error: (message?: any, ...optionalParams: any[]) => void;
     };
     readonly LogLevelContext: import("react").Context<LoggingContextValue>;
     readonly useLogLevel: () => import("./log.js").LogLevel;

package/dist/cjs/log.d.ts

@@ -2,9 +2,9 @@ export declare const logLevels: readonly ["trace", "verbose", "info", "warn", "e
 export type LogLevel = (typeof logLevels)[number];
 export declare const isEqualOrBelowLogLevel: (currentLevel: LogLevel, level: LogLevel) => boolean;
 export declare const Log: {
-    trace: (logLevel: LogLevel, ...args: Parameters<typeof console.log>) => void;
-    verbose: (logLevel: LogLevel, ...args: Parameters<typeof console.log>) => void;
-    info: (logLevel: LogLevel, ...args: Parameters<typeof console.log>) => void;
-    warn: (logLevel: LogLevel, ...args: Parameters<typeof console.log>) => void;
-    error: (...args: Parameters<typeof console.log>) => void;
+    trace: (logLevel: LogLevel, message?: any, ...optionalParams: any[]) => void;
+    verbose: (logLevel: LogLevel, message?: any, ...optionalParams: any[]) => void;
+    info: (logLevel: LogLevel, message?: any, ...optionalParams: any[]) => void;
+    warn: (logLevel: LogLevel, message?: any, ...optionalParams: any[]) => void;
+    error: (message?: any, ...optionalParams: any[]) => void;
 };

package/dist/cjs/use-lazy-component.d.ts

@@ -3,5 +3,8 @@ import type { CompProps } from './Composition.js';
 type LazyExoticComponent<T extends ComponentType<any>> = ExoticComponent<ComponentPropsWithRef<T>> & {
     readonly _result: T;
 };
-export declare const useLazyComponent: <Props>(compProps: CompProps<Props>) => LazyExoticComponent<ComponentType<Props>>;
+export declare const useLazyComponent: <Props>({ compProps, componentName, }: {
+    compProps: CompProps<Props>;
+    componentName: string;
+}) => LazyExoticComponent<ComponentType<Props>>;
 export {};

package/dist/cjs/use-lazy-component.js

@@ -26,10 +26,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLazyComponent = void 0;
 const react_1 = __importStar(require("react"));
 // Expected, it can be any component props
-const useLazyComponent = (compProps) => {
+const useLazyComponent = ({ compProps, componentName, }) => {
     const lazy = (0, react_1.useMemo)(() => {
         if ('lazyComponent' in compProps &&
             typeof compProps.lazyComponent !== 'undefined') {
+            if (typeof compProps.lazyComponent === 'undefined') {
+                throw new Error(`A value of \`undefined\` was passed to the \`lazyComponent\` prop. Check the value you are passing to the <${componentName}/> component.`);
+            }
             return react_1.default.lazy(compProps.lazyComponent);
         }
         if ('component' in compProps) {
@@ -37,6 +40,9 @@ const useLazyComponent = (compProps) => {
             if (typeof document === 'undefined') {
                 return compProps.component;
             }
+            if (typeof compProps.component === 'undefined') {
+                throw new Error(`A value of \`undefined\` was passed to the \`component\` prop. Check the value you are passing to the <${componentName}/> component.`);
+            }
             return react_1.default.lazy(() => Promise.resolve({ default: compProps.component }));
         }
         throw new Error("You must pass either 'component' or 'lazyComponent'");

package/dist/cjs/version.d.ts

@@ -3,4 +3,4 @@
  * @see [Documentation](https://remotion.dev/docs/version)
  * @returns {string} The current version of the remotion package
  */
-export declare const VERSION = "4.0.258";
+export declare const VERSION = "4.0.259";

package/dist/cjs/version.js

@@ -7,4 +7,4 @@ exports.VERSION = void 0;
  * @see [Documentation](https://remotion.dev/docs/version)
  * @returns {string} The current version of the remotion package
  */
-exports.VERSION = '4.0.258';
+exports.VERSION = '4.0.259';

package/dist/esm/index.mjs

@@ -104,7 +104,7 @@ function truthy(value) {
 }
 
 // src/version.ts
-var VERSION = "4.0.258";
+var VERSION = "4.0.259";
 
 // src/multiple-versions-warning.ts
 var checkMultipleRemotionVersions = () => {
@@ -4386,15 +4386,24 @@ var portalNode = () => {
 
 // src/use-lazy-component.ts
 import React18, { useMemo as useMemo22 } from "react";
-var useLazyComponent = (compProps) => {
+var useLazyComponent = ({
+  compProps,
+  componentName
+}) => {
   const lazy = useMemo22(() => {
     if ("lazyComponent" in compProps && typeof compProps.lazyComponent !== "undefined") {
+      if (typeof compProps.lazyComponent === "undefined") {
+        throw new Error(`A value of \`undefined\` was passed to the \`lazyComponent\` prop. Check the value you are passing to the <${componentName}/> component.`);
+      }
       return React18.lazy(compProps.lazyComponent);
     }
     if ("component" in compProps) {
       if (typeof document === "undefined") {
         return compProps.component;
       }
+      if (typeof compProps.component === "undefined") {
+        throw new Error(`A value of \`undefined\` was passed to the \`component\` prop. Check the value you are passing to the <${componentName}/> component.`);
+      }
       return React18.lazy(() => Promise.resolve({ default: compProps.component }));
     }
     throw new Error("You must pass either 'component' or 'lazyComponent'");
@@ -4446,7 +4455,10 @@ var Composition = ({
 }) => {
   const { registerComposition, unregisterComposition } = useContext24(CompositionManager);
   const video = useVideo();
-  const lazy = useLazyComponent(compProps);
+  const lazy = useLazyComponent({
+    compProps,
+    componentName: "Composition"
+  });
   const nonce = useNonce();
   const isPlayer = useIsPlayer();
   const environment = getRemotionEnvironment();

package/dist/esm/version.mjs

@@ -1,5 +1,5 @@
 // src/version.ts
-var VERSION = "4.0.258";
+var VERSION = "4.0.259";
 export {
   VERSION
 };

package/package.json

@@ -3,7 +3,7 @@
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/core"
   },
   "name": "remotion",
-  "version": "4.0.258",
+  "version": "4.0.259",
   "description": "Make videos programmatically",
   "main": "dist/cjs/index.js",
   "types": "dist/cjs/index.d.ts",
@@ -28,7 +28,7 @@
     "webpack": "5.96.1",
     "zod": "3.22.3",
     "eslint": "9.14.0",
-    "@remotion/eslint-config-internal": "4.0.258"
+    "@remotion/eslint-config-internal": "4.0.259"
   },
   "keywords": [
     "remotion",