Что такое hydration mismatch в React и как его избежать?

Hydration mismatch — ситуация, когда серверный HTML не совпадает с клиентским рендером. Как избежать:

• Не использовать Math.random(), Date.now() на сервере
• Избегать browser-only API (window, document)
• Условия, зависящие от клиента, переносить в useEffect
• Использовать useEffect, а не useLayoutEffect для client-only логики