SuperOleg dev notes

Привет!

Не так давно писал про механизм lazy hydration - https://www.tgoop.com/super_oleg_dev/102, основанный на хаке с dangerouslySetInnerHTML

Встретил интересный баг:
- если LazyRender обернут в Suspense
- и мы ловим ошибку This Suspense boundary received an update before it finished hydrating
- то React очищает HTML в LazyRender, который пришел от сервера

Думаю такая комбинация это большая редкость, но было интересно)

Возможно дело связано с переходом на клиентский рендер вместо гидрации, а хак с пустым HTML в dangerousltSetInnerHTML работает только для гидрации.

Upd.

Проблема в целом кажется при любых ошибках гидрации выше уровнем(

Telegram

SuperOleg dev notes

Привет!

Одна из первый идей, которую я реализовывал в Тинькофф - ленивая гидрация для React компонентов.

Ленивая гидрация позволяет не выполнять реакту код компонента на клиенте сразу при гидрации всего приложения, и отлично комбинируется с IntersectionObserver…

🤔2🔥1

www.tgoop.com/super_oleg_dev/125

1.06K viewsedited  Aug 18, 2023 at 09:27

Привет!

Не так давно писал про механизм lazy hydration - https://www.tgoop.com/super_oleg_dev/102, основанный на хаке с dangerouslySetInnerHTML

Встретил интересный баг:
- если LazyRender обернут в Suspense
- и мы ловим ошибку This Suspense boundary received an update before it finished hydrating
- то React очищает HTML в LazyRender, который пришел от сервера

Думаю такая комбинация это большая редкость, но было интересно)

Возможно дело связано с переходом на клиентский рендер вместо гидрации, а хак с пустым HTML в dangerousltSetInnerHTML работает только для гидрации.

Upd.

Проблема в целом кажется при любых ошибках гидрации выше уровнем(

BY SuperOleg dev notes