@ai-sdk/react 0.0.35 → 0.0.36

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @ai-sdk/react@0.0.35 build /home/runner/work/ai/ai/packages/react
+> @ai-sdk/react@0.0.36 build /home/runner/work/ai/ai/packages/react
 > tsup
 
 CLI Building entry: src/index.ts
@@ -11,11 +11,11 @@
 ESM Build start
 ESM dist/index.mjs     25.67 KB
 ESM dist/index.mjs.map 55.92 KB
-ESM ⚡️ Build success in 64ms
+ESM ⚡️ Build success in 58ms
 CJS dist/index.js     28.14 KB
 CJS dist/index.js.map 56.00 KB
-CJS ⚡️ Build success in 79ms
+CJS ⚡️ Build success in 60ms
 DTS Build start
-DTS ⚡️ Build success in 5307ms
+DTS ⚡️ Build success in 5664ms
 DTS dist/index.d.ts  10.97 KB
 DTS dist/index.d.mts 10.97 KB

package/.turbo/turbo-clean.log

@@ -1,4 +1,4 @@
 
-> @ai-sdk/react@0.0.35 clean /home/runner/work/ai/ai/packages/react
+> @ai-sdk/react@0.0.36 clean /home/runner/work/ai/ai/packages/react
 > rm -rf dist
 

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @ai-sdk/react
 
+## 0.0.36
+
+### Patch Changes
+
+- 5be25124: fix (ai/ui): useChat messages have stable ids with streamProtocol: "text"
+- Updated dependencies [5be25124]
+  - @ai-sdk/ui-utils@0.0.24
+
 ## 0.0.35
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-sdk/react",
-  "version": "0.0.35",
+  "version": "0.0.36",
   "license": "Apache-2.0",
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -16,7 +16,7 @@
   },
   "dependencies": {
     "@ai-sdk/provider-utils": "1.0.5",
-    "@ai-sdk/ui-utils": "0.0.23",
+    "@ai-sdk/ui-utils": "0.0.24",
     "swr": "2.2.5"
   },
   "devDependencies": {

package/src/use-chat.ui.test.tsx

@@ -265,8 +265,11 @@ describe('text stream', () => {
       <div>
         {messages.map((m, idx) => (
           <div data-testid={`message-${idx}-text-stream`} key={m.id}>
-            {m.role === 'user' ? 'User: ' : 'AI: '}
-            {m.content}
+            <div data-testid={`message-${idx}-id`}>{m.id}</div>
+            <div data-testid={`message-${idx}-role`}>
+              {m.role === 'user' ? 'User: ' : 'AI: '}
+            </div>
+            <div data-testid={`message-${idx}-content`}>{m.content}</div>
           </div>
         ))}
 
@@ -302,15 +305,39 @@ describe('text stream', () => {
       async () => {
         await userEvent.click(screen.getByTestId('do-append-text-stream'));
 
-        await screen.findByTestId('message-0-text-stream');
-        expect(screen.getByTestId('message-0-text-stream')).toHaveTextContent(
-          'User: hi',
+        await screen.findByTestId('message-0-content');
+        expect(screen.getByTestId('message-0-content')).toHaveTextContent('hi');
+
+        await screen.findByTestId('message-1-content');
+        expect(screen.getByTestId('message-1-content')).toHaveTextContent(
+          'Hello, world.',
         );
+      },
+    ),
+  );
 
-        await screen.findByTestId('message-1-text-stream');
-        expect(screen.getByTestId('message-1-text-stream')).toHaveTextContent(
-          'AI: Hello, world.',
+  it(
+    'should have stable message ids',
+    withTestServer(
+      { url: '/api/chat', type: 'controlled-stream' },
+      async ({ streamController }) => {
+        streamController.enqueue('He');
+
+        await userEvent.click(screen.getByTestId('do-append-text-stream'));
+
+        await screen.findByTestId('message-1-content');
+        expect(screen.getByTestId('message-1-content')).toHaveTextContent('He');
+
+        const id = screen.getByTestId('message-1-id').textContent;
+
+        streamController.enqueue('llo');
+        streamController.close();
+
+        await screen.findByTestId('message-1-content');
+        expect(screen.getByTestId('message-1-content')).toHaveTextContent(
+          'Hello',
         );
+        expect(screen.getByTestId('message-1-id').textContent).toBe(id);
       },
     ),
   );