diff --git a/packages/client/docusaurus/docs/javascript/02-guides/16-closed-captions.mdx b/packages/client/docusaurus/docs/javascript/02-guides/16-closed-captions.mdx
index bb5897fdd9..e42195d293 100644
--- a/packages/client/docusaurus/docs/javascript/02-guides/16-closed-captions.mdx
+++ b/packages/client/docusaurus/docs/javascript/02-guides/16-closed-captions.mdx
@@ -55,7 +55,7 @@ call.state.closedCaptions$.subscribe((captions) =>
updateDisplayedCaptions(captions),
);
-const updateDisplayedCaptions(captions: CallClosedCaption[]) {
+const updateDisplayedCaptions(captions: StreamCallClosedCaption[]) {
const innerHTML = captions
.map((caption) => `${caption.speaker_name}: ${caption.text}`)
.join('
');
diff --git a/sample-apps/client/ts-quickstart/src/closed-captions.ts b/sample-apps/client/ts-quickstart/src/closed-captions.ts
index 902534e3b1..8a8933f7a8 100644
--- a/sample-apps/client/ts-quickstart/src/closed-captions.ts
+++ b/sample-apps/client/ts-quickstart/src/closed-captions.ts
@@ -1,4 +1,4 @@
-import { Call, CallClosedCaption } from '@stream-io/video-client';
+import { Call, StreamCallClosedCaption } from '@stream-io/video-client';
export class ClosedCaptionManager {
status: 'on' | 'off' = 'off';
@@ -53,7 +53,7 @@ export class ClosedCaptionManager {
this.unsubscribe?.();
}
- private updateDisplayedCaptions(captions: CallClosedCaption[]) {
+ private updateDisplayedCaptions(captions: StreamCallClosedCaption[]) {
if (!this.captionContainer) {
console.warn(
'Render caption container before turning on closed captions',
@@ -62,13 +62,7 @@ export class ClosedCaptionManager {
}
this.captionContainer.innerHTML = captions
- .map((caption) => {
- const speaker = this.call.state.participants.find(
- (p) => p.userId === caption.speaker_id,
- );
- const speakerName = speaker?.name || speaker?.userId;
- return `${speakerName}: ${caption.text}`;
- })
+ .map((caption) => `${caption.speaker_name}: ${caption.text}`)
.join('
');
}
}