Text content does not match server-rendered HTML.

[gaboesquivel]

I want to display ***** as fallback instead of 0.0000 for client component that display crypto balances and I keep getting "Text content does not match server-rendered HTML. " error. If I add suppressHydrationWarning to the component html is not updated.

I'm using dynamic for now to get around it. Is there way to get the fallback with different format to work ?

[Juneezee]

You might want to try Solution 1 and Solution 2 suggested here: https://nextjs.org/docs/messages/react-hydration-error

[gaboesquivel]

Thanks @Juneezee, I double checked the tags in they are nested correctly. it's actually just the text
If I use 0.0000 I dont get an error, only if I use *****