How to polyfill FormattedDate on SSR?

Question

The problem is that FormattedDate from react-intl generates one content on SSR and another one on client side.

I took for example this project to demonstrate error: https://github.com/weiliang903/react-intl-with-next

From SSR I'll get 'Tue, Oct 15' but on client side 'Tuesday, October 15'. What is the problem?

<FormattedDate
  value={new Date()}
  weekday="long"
  month="long"
  day="2-digit"
/>

Answer 1

The error occurs from config for this function. You should provide only combinations described on this page or function will use default config.