Response from web chat is not visible in the chat history

Is it an issue related to Adaptive Cards?

No

Is this an accessibility issue?

No

What version of Web Chat are you using?

Latest production

Which distribution are you using Web Chat from?

NPM

Which hosting environment does this issue primarily affect?

PowerApps

Which browsers and platforms do the issue happened?

Others or unrelated

Which area does this issue affect?

Chat history

Which theme pack does this issue affect?

I did not test it on other theme packs

What is the public URL for the website?

No response

Please describe the bug

Hi Team,

I have created a Power Apps Component (PCF) using the WebChat.renderWebChat. Facing an issue like the div webchat_bubble_content is empty and the response from the Bot is not visible / hidden. Can you please look into this and suggest us. This is blocking our development.

I noticed some errors in the browser console from the botframework js

Thanks in Advance,
Mahesh Sripada

Do you see any errors in console log?

1. botframework-webchat: render of activity status
   botframework-webchat-api.mjs:164 TypeError: Illegal invocation
   at mo (botframework-webchat-component.mjs:47:34076)
   at eval (botframework-webchat-component.mjs:52:51185)
   at mountMemo (react-dom.development.js:2792:669)
   at Object.useMemo (react-dom.development.js:2850:3120)
   at useMemo (react.development.js:1459:25)
   at eval (botframework-webchat-component.mjs:52:51180)
   at renderWithHooks (react-dom.development.js:2656:157)
   at updateFunctionComponent (react-dom.development.js:3228:388)
   at updateSimpleMemoComponent (react-dom.development.js:3205:33)
   at updateMemoComponent (react-dom.development.js:3153:134)
   at beginWork (react-dom.development.js:3638:117)
   at beginWork$1 (react-dom.development.js:4692:93)
   at performUnitOfWork (react-dom.development.js:4518:270)
   at workLoopSync (react-dom.development.js:4504:30)
   at renderRootSync (react-dom.development.js:4500:159)
   at performSyncWorkOnRoot (react-dom.development.js:4434:63)

2. botframework-webchat: render of attachment
   botframework-webchat-api.mjs:164 TypeError: Illegal invocation
   at mo (botframework-webchat-component.mjs:47:34076)
   at eval (botframework-webchat-component.mjs:49:804)
   at mountMemo (react-dom.development.js:2792:669)
   at Object.useMemo (react-dom.development.js:2850:3120)
   at useMemo (react.development.js:1459:25)
   at eval (botframework-webchat-component.mjs:49:799)
   at renderWithHooks (react-dom.development.js:2656:157)
   at updateFunctionComponent (react-dom.development.js:3228:388)
   at updateSimpleMemoComponent (react-dom.development.js:3205:33)
   at updateMemoComponent (react-dom.development.js:3153:134)
   at beginWork (react-dom.development.js:3638:117)
   at beginWork$1 (react-dom.development.js:4692:93)
   at performUnitOfWork (react-dom.development.js:4518:270)
   at workLoopSync (react-dom.development.js:4504:30)
   at renderRootSync (react-dom.development.js:4500:159)
   at performSyncWorkOnRoot (react-dom.development.js:4434:63)

How to reproduce the issue?

Hi Team,

I have created a Power Apps Component (PCF) using the WebChat.renderWebChat. Facing an issue like the div webchat_bubble_content is empty and the response from the Bot is not visible / hidden. Can you please look into this and suggest us. This is blocking our development.

I noticed some errors in the browser console from the botframework js

What do you expect?

Responses from the bot should be visible.

What actually happened?

Responses from the bot are not visible as shown in the screenshots.

Do you have any screenshots or recordings to repro the issue?

Adaptive Card JSON

No response

Additional context

No response

Start by reproducing the issue in a Power Apps Component using the NPM WebChat.renderWebChat entry point and inspect the reported Illegal invocation errors. Trace the render activity status and attachment paths in botframework-webchat-api.mjs and botframework-webchat-component.mjs, then verify that bot responses are visible in chat history and the webchat_bubble_content element is populated.