React-tooltip ve Next.js SSR sorunu

Question

Next.js uygulamamda react-tooltip kitaplığını kullanıyorum.

Araç ipucunu kullanan bir sayfayı ziyaret ederken bir web sitesini her yenilediğimde bir hata aldığımı fark ettim:

react-dom.development.js:88 Warning: Prop `dangerouslySetInnerHTML` did not match.

CSS sınıfları istemcide ve sunucuda farklıdır

İşin tuhaf yanı, rastgele bir sayfadan react-araç ipucunu kullanan bir sayfaya giderken bu hatayı almıyorum.

Araç ipucu ile ilgili kod:

<StyledPopularityTooltipIcon src="/icons/tooltip.svg" alt="question mark" data-tip="hello world" />
<ReactTooltip
    effect="solid"
    className="tooltip"
    backgroundColor="#F0F0F0"
    arrowColor="#F0F0F0"
    clickable={true}
/>

Answer 1

Aynı sorunu yaşadım, bileşenin ne zaman monte edildiğini algılamak için durumu kullanmak zorunda kaldım ve araç ipucunu ancak bundan sonra gösterdim.

Not Gezinirken hatayı görmüyorsunuz, çünkü gezindiğinizde sayfa sunucuda oluşturulmuyor, hepsi ön uç :)