diff --git a/examples/nextjs/src/components/History.tsx b/examples/nextjs/src/components/History.tsx
index 864c5d22..094de944 100644
--- a/examples/nextjs/src/components/History.tsx
+++ b/examples/nextjs/src/components/History.tsx
@@ -74,7 +74,7 @@ function processItems(items: AgentInputItem[]): ProcessedItem[] {
                   return '';
                 })
                 .join('\n') || '⚫︎⚫︎⚫︎',
-        id: item.id ?? JSON.stringify(item.content),
+        id: item.id ?? '',
       });
     }
   }
@@ -100,7 +100,7 @@ export function History({ history }: HistoryProps) {
             <TextMessage
               text={item.content}
               isUser={item.role === 'user'}
-              key={item.id ?? idx}
+              key={item.id || idx}
             />
           );
         }