Improvement - SSR Hydration Error

[hiwenny]

Just leaving a note to what causes this error: mutation on client side, like this line in components/speakers/schedule.jsx:

new Date(timeSlot.startsAt).toLocaleTimeString()

This is because the local time at the server when SSR happens and your users' local times would be different.

With this error, your page will still render, but it's not as optimised as it could be.This render error causes the page to be processed (rendered) client-side so your users have to wait a fraction longer, instead of the pure server-rendered way. Functionally the end result is still a page that shows up, though.

Putting this down as Improvement to revisit at later stage. It requires some refactor.