Can not render react component inside Overlay
I am trying to render a component from deepchat.dev in the overlay to make a floating chat box, but it ends up showing no overlay at all. I tried to render the component alone, inside the span,... but it didn't work and inspecting shows no CSUI has been rendered.
However, when I remove the <DeepChat> component, the span is rendered fine.
The <DeepChat> component works perfectly fine in the pop-up, the bug happens only on CSUI
Anyone encountered this before?
const PlasmoOverlay = () => {
return (
<span
className="hw-top">
CSUI OVERLAY FIXED POSITION
<DeepChat
demo={true}
style={{ borderRadius: '10px' }}
textInput={{ placeholder: { text: 'Welcome to the demo!' } }}
initialMessages={initialMessages}
/>
<h1>Deep Chat</h1>
</span>
)
}1 Reply
I encountered "Uncaught ReferenceError: Cannot access 'DeepChat' before initialization"
Does that mean I failed to import DeepChat?