ClientOnly

ClientOnly — обёртка для контента, который сервер не может отрендерить так же, как браузер: время в часовом поясе пользователя, текущий момент, всё, что читает window. На сервере и при гидратации рисует fallback, сразу после — children, поэтому разметка не расходится и ошибки гидратации нет.

Это хелпер для места использования, а не деталь других компонентов: Date и прочие о гидратации не знают, оборачивает потребитель — и сам решает, что уместнее показать до клиента.

API

PropTypeDefault
children*

Контент, который зависит от окружения браузера (часовой пояс, локаль, текущее время) и поэтому разошёлся бы с серверным HTML

ReactNode-
fallback

Что отрисовать на сервере и при гидратации — например, скелетон

ReactNodenull