diff --git a/src/react/renderers/music.ts b/src/react/renderers/music.ts
index 243d6feb..3518729a 100644
--- a/src/react/renderers/music.ts
+++ b/src/react/renderers/music.ts
@@ -27,7 +27,7 @@ export async function renderMusic(
     type: "music",
     prompt,
     model: model.modelId,
-    duration: props.duration,
+    duration: props.duration != null ? Number(props.duration) : undefined,
   });
 
   const modelId = model.modelId ?? "music";
@@ -37,7 +37,7 @@ export async function renderMusic(
     const result = await generateMusic({
       model,
       prompt,
-      duration: props.duration,
+      duration: props.duration != null ? Number(props.duration) : undefined,
     });
     return result.audio;
   };
diff --git a/src/react/renderers/video.ts b/src/react/renderers/video.ts
index 3bea4a5a..eb68adf5 100644
--- a/src/react/renderers/video.ts
+++ b/src/react/renderers/video.ts
@@ -150,7 +150,7 @@ export async function renderVideo(
     const { video } = await ctx.generateVideo({
       model,
       prompt: resolvedPrompt,
-      duration: props.duration ?? 5,
+      duration: Number(props.duration) || 5,
       aspectRatio: props.aspectRatio,
       providerOptions: props.providerOptions,
       cacheKey,
diff --git a/src/react/resolve.ts b/src/react/resolve.ts
index dccb3694..3d04854b 100644
--- a/src/react/resolve.ts
+++ b/src/react/resolve.ts
@@ -647,7 +647,7 @@ export async function resolveVideoElement(
   const { video } = await generateVideo({
     model: model as Parameters<typeof generateVideoRaw>[0]["model"],
     prompt: resolvedPrompt,
-    duration: (props.duration as number) ?? 5,
+    duration: Number(props.duration) || 5,
     aspectRatio: props.aspectRatio as `${number}:${number}` | undefined,
     providerOptions: props.providerOptions as Parameters<
       typeof generateVideoRaw