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

import { useEffect } from 'react'

export default function YourDocument() {

  return (
    <div>
      <VeltCommentTool shadowDom={false} />
    </div>
  )
}

Disable ShadowDOM

Whether the ShadowDOM is enabled or not on the Comment Tool

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.

<VeltCommentTool shadowDom={false} />