From 20e838079bc7f6c65594ff6aebda75377ee0cc57 Mon Sep 17 00:00:00 2001
From: Hyungji <icthelight@naver.com>
Date: Fri, 10 Jan 2025 16:33:07 +0900
Subject: [PATCH] fix: duplicated variable

---
 .../06-data-fetching-and-streaming.mdx             | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

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 9afc36474a990..0f49c2ea320b6 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
@@ -108,7 +108,7 @@ export default function Page() {
 
   return (
     <Suspense fallback={<div>Loading...</div>}>
-      <Posts posts={posts} />
+      <Posts postsPromise={posts} />
     </Suspense>
   )
 }
@@ -124,7 +124,7 @@ export default function Page() {
 
   return (
     <Suspense fallback={<div>Loading...</div>}>
-      <Posts posts={posts} />
+      <Posts postsPromise={posts} />
     </Suspense>
   )
 }
@@ -137,11 +137,11 @@ Then, in your Client Component, use the `use` hook read the promise:
 import { use } from 'react'
 
 export default function Posts({
-  posts,
+  postsPromise,
 }: {
-  posts: Promise<{ id: string; title: string }[]>
+  postsPromise: Promise<{ id: string; title: string }[]>
 }) {
-  const posts = use(posts)
+  const posts = use(postsPromise)
 
   return (
     <ul>
@@ -157,8 +157,8 @@ export default function Posts({
 'use client'
 import { use } from 'react'
 
-export default function Posts({ posts }) {
-  const posts = use(posts)
+export default function Posts({ postsPromise }) {
+  const posts = use(postsPromise)
 
   return (
     <ul>