Dashboard — naprawa błędu hydration React #418 w CalendarWidget
Filip Borkowski, Backend/Frontend/Fullstack Engineer
Naprawa błędu hydration React #418
Panel Dashboard zgłaszał błąd hydration React #418 spowodowany przez useState(new Date()) w komponencie CalendarWidget. Wartość new Date() generowana podczas SSR różniła się od wartości generowanej na kliencie, co powodowało niezgodność drzewa DOM.
Rozwiązanie
Daty selectedDate i monthDate są teraz inicjalizowane jako null i ustawiane przez useEffect po zamontowaniu komponentu po stronie klienta. Komponent zwraca null do momentu pełnej inicjalizacji dat, co eliminuje rozbieżność SSR/client.