Production build doesn't work

[kinivi]

with
yarn build
yarn start

When tools results is loading, they blink and then everything disappears. No issues with yarn dev, just with prod build.

[xiaojinwhu]

I've encountered the same problem.

I'm experiencing an issue where components defined in NODE_COMPONENT_MAP work correctly in the development environment (pnpm dev), but after building and starting the production environment (pnpm build and pnpm start), these components briefly show a loading state, display data momentarily, and then disappear.
This behavior occurs with components like the weather component. The application's behavior is inconsistent between development and production builds.
Steps to Reproduce

1. Run the application in development mode using pnpm dev. Components render and function as expected.
2. Build the application for production using pnpm build.
3. Start the application in production mode using pnpm start.
4. Observe that components show a loading state, display data briefly, and then disappear.

Attempted Solutions

• Ensured use client Directive is Present: Verified that all necessary components have the "use client"; directive at the top of their files.
• Dynamic Import of Components: Used dynamic import for client-side components with next/dynamic and ssr: false.
• Forced Dynamic Routes: Added export const dynamic = 'force-dynamic'; to pages and API routes to enforce dynamic rendering.

[tichkames]

To anyone else experiencing this issue. This is how I fixed mine. Seems stream was getting closed inside agent.tsx handleInvokeToolsEvent and then again outside in server.tsx.

I update my code to just do an update instead inside the agent.tsx. and this resolved it in production. See code snippet here:

[latifs]

Hi @tichkames,
your code snippet doesn't seem to be even possible, getting typescript issues.
do you have more context on how you fixed it?

Thanks

[tichkames]

de snippet doesn't seem to be even possible, getting typescript issues.
do you have more context on how yo

I've since moved away from this implementation altogether. Check out the new ways here (under streaming-messages)

https://github.com/bracesproul/langgraphjs-examples