search

safe-global / safe-homepage

Safe homepage
https://safe.global
MIT License
5 stars 13 forks source link

fix(Token): hydration errors with Framer Motion #435

Closed DiogoSoaress closed 1 month ago

DiogoSoaress commented 1 month ago

What it solves

Hydration errors shown in the console. Framer Motion animations are client-side only. When the pages are rendering on the server with SSR, these components do not exist causing hydration errors like

Screenshot 2024-08-07 at 12 20 28

How this PR fixes it

Load components using Framer Motion on the client-side with next/dynamic

github-actions[bot] commented 1 month ago

Branch preview

✅ Deployed successfully in branch deployment:

https://fix_hydration_token_page--homepage.review.5afe.dev