what effect are you trying to achieve?

@alfonsus basically I have user emails and i want to show exactly in innerhtml ...

<div
dangerouslySetInnerHTML={{
__html: content.html,
}}
></div>

soo? you want to show shadow where?

where do you want to show the shadow?

Basically this div should render in shadow wherever I use i want div in shadow dom

you want it like this?

<
  dangerouslySetInnerHTML={{
    __html: content.html,
  }}
></>

no div?

or do you want a CSS shadow?

i dont quite get what you meant sorry

Yes I want css shadow ....

where? on the <div>? or inside the HTML content?

Inside html content

you can use CSS selectors for that

does the particular element on the inside HTML content have a particular id/classname?

Basically it's email content so Id and class name not permanent....

yes you could still do it with css selectors

using :nth-child

Okay means I will provide some default css to override using css selector rather than shadow dom i will try ....

shadow dom sounds complicated especially when you can't know the content for sure ahead of time

@alfonsus Yes I checked some packages but they are hard to replicate in the nextjs . I will try the css way only because the main think effect template is css only....