Next.js Discord

Discord Forum

Strange behavior on hard refresh with MUI Icon

Unanswered
Sokoke posted this in #help-forum
Open in Discord
SokokeOP
hi, I encountered this strange behavior when doing a manual hard refresh with nextjs 13. The UI components inside the draft component at the top are all defined as client components with "use client". Any ideas on why the root css of those SvgIcon are being displayed on refresh and disappeared?

2 Replies

aardani
does it persist on build?
SokokeOP
yes, but I managed to fix it by changing one line of my css, where I defined all my child to be *{display: block} and now it is svg {display:block}. Still doesn't know the cause though. Could be FOUC or something to do with SSR though I did specify "use client" on all components related to these SvgIcons