import { VeltCommentBubble } from '@veltdev/react';

import { useEffect } from 'react'

export default function YourDocument() {

  return (
      <VeltCommentBubble shadowDom={false} />

Disable ShadowDOM

Whether the ShadowDOM is enabled or not on the Comment Bubble

Default: enabled

By default, a ShadowDOM is used with certain components to ensure that your application’s CSS does not interfere with the styling of the SDK components.

If you want your application’s CSS to affect the styling of certain SDK components, you can disable the ShadowDOM.

<VeltCommentBubble shadowDom={false} />