ClientOnly
ClientOnly — обёртка для контента, который сервер не может отрендерить так же, как браузер: время в часовом поясе пользователя, текущий момент, всё, что читает window. На сервере и при гидратации рисует fallback, сразу после — children, поэтому разметка не расходится и ошибки гидратации нет.
Это хелпер для места использования, а не деталь других компонентов: Date и прочие о гидратации не знают, оборачивает потребитель — и сам решает, что уместнее показать до клиента.
API
| Prop | Type | Default |
|---|---|---|
children*Контент, который зависит от окружения браузера (часовой пояс, локаль, текущее время) и поэтому разошёлся бы с серверным HTML | ReactNode | - |
fallbackЧто отрисовать на сервере и при гидратации — например, скелетон | ReactNode | null |