diff --git a/docs/01-app/01-getting-started/06-data-fetching-and-streaming.mdx b/docs/01-app/01-getting-started/06-data-fetching-and-streaming.mdx
index 71bd6bfa35ac7..9afc36474a990 100644
--- a/docs/01-app/01-getting-started/06-data-fetching-and-streaming.mdx
+++ b/docs/01-app/01-getting-started/06-data-fetching-and-streaming.mdx
@@ -136,7 +136,11 @@ Then, in your Client Component, use the `use` hook read the promise:
 'use client'
 import { use } from 'react'
 
-export default function Posts({ posts }) {
+export default function Posts({
+  posts,
+}: {
+  posts: Promise<{ id: string; title: string }[]>
+}) {
   const posts = use(posts)
 
   return (