messageRendered event in AiChat component's events property is not working.

[Demiourgos87]

When trying to access the event messageRendered in AiChat component, it does not work. The messageReceived works for example.

  <AiChat
    adapter={adapter}
    events={{
      messageReceived: () => console.log('Message received.....'), // this logs
      messageRendered: () => console.log('Message rendered.....')  // this does not log
    }}
    displayOptions={{
      themeId: 'nova',
      colorScheme: 'light',
    }}
    composerOptions={{
      placeholder: 'How can I help you today?'
    }}
  />

Also noticed in the nlux-core.d.ts, line 640:

messageReceived: MessageReceivedCallback<AiMsg>;
messageRendered: MessageReceivedCallback<AiMsg>;

although the MessageRenderedCallback type exists.

[ognjenAct]

Hi there, same problem on my side as well, any solution for this? or workaround ?

[salmenus]

Hi @Demiourgos87 @ognjenAct Thanks for raising this issue. I'm investigating.

• What kind of adapter are you using ?
• If you are using a custom streaming adapter, are you calling observer.complete() when the stream is completed?
• Can you provide a reproducible example via CodeSandbox ? ( you can fork one of the examples on docs website, end edit to reproduce the issue, and re-share )

[Demiourgos87]

Hello @salmenus, thank you for the quick response. I am using the chat adapter from @nlux/langchain-react package, so no custom adapters.

I forked one of the examples, here it is: https://codesandbox.io/s/priceless-poitras-q9frn7?file=/App.tsx

If you open the console, you will notice the issue I am facing, there is no log for messageRendered.

[salmenus]

Got it. Thanks for the reproducible example. I'm working on a fix @Demiourgos87

[salmenus]

Issue fixed in version 2.12.2 ✅

Please that the full message ( event. message property ) will only be passed to the message received. The message rendered only gets the UI. But it's consistent between the 2 events.

[Demiourgos87]

Thank you for the quick update, keep up the good work!