Ivanyan 🌴 Posts - Answer Overflow

Ivanyan 🌴

•Created by Ivanyan 🌴 on 5/4/2024 in #🔰newbie

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>
  )
}

3 replies

Gaming

Programming