Error streaming a client UI component from server action about ai HOT 8 OPEN

I am also encountering the same error.

• [email protected]
  • Works fine.
• [email protected] to 3.1.36
  • Doesn't work.

When trying again, I had to remove .next once, otherwise I got the same error with 3.1.31.

pnpm install; rm -rf .next; pnpm dev

from ai.

@lgrammel I think the issue is not resolved.

Using the latest version [email protected] with [email protected]. (On fresh installed node_modules + removed .next)

When having a client component like...

"use client";

export default function Text({ content }: { content: string }) {
  return (<p>{content}</p>);
}

...and streaming it with either createStreamableValue or createStreamableUI, then I get the following error (on the client using readStreamableValue):

Error: Could not find the module
"/User/dev/test/app/example/test.tsx#default" in the React Client Manifest. This is probably a bug in the React Server Components bundler.

The same, when I use the client component in a parent server component. When using the server component as a parent, the server component first loads and then the error pops up.

Seams like the bundling of the client component is not done the right way. And maybe it is an issue for the next bundler. (Here we are pushing the limits of Next.js ^^)

from ai.

Probably the same problem #1933

from ai.

It probably is, having the same issue here too. With the versions mentioned above.

Funny enough, I'm getting the same error even after I rolled back to the previous known working version of ai (3.1.3) and next (14.1.0). I tried removing .next but still no lack...

from ai.

I'm getting the same error, this seems like a wonky bug :D

from ai.

Same here , reverting to [email protected] getting it work again, thx @hotchpotch

from ai.

#2068

from ai.

@lgrammel

I noticed when using dynamic import, that it seems to work somehow. But cannot verify it is fixed, since I have also introduced some changes to other parts of my codebase.

from ai.