https://ethanniser.dev/blog/a-clock-that-doesnt-snap


این مقاله یه راه حل خوب برای به وجود نیومدن UI flicker ها در عین اینکه صفحمون به Hydration Error(لعنت الله علیه) نخوره ارائه کرده که در عین حال که خیلی مسخره هست واقعا کار راه بندازه :))

JS INLINE SCRIPTS!

در اصل میگه اگر برای نشون دادن یک UI نیاز به real time data(مثل ساعت سیستم کاربر داشتیم) با ترکیب یه کامپوننتی که یه inline script به ما میده در کنار این کامپوننت UIایمون که مقدار اولیه useStateاش توسط یه initializer function مشخص شده، میتونیم از همون اول یه UI درست و بدون flicker تحویل کاربر بدیم، و علاوه بر این از مزیت های اینکه پیجمون توی بیلد تایم و روی سرور prerendered شده استفاده کنیم.

خر و خرما باهم :)