Words defined before intl initialization cannot be internationalized

[cwtuan]

It's by design because react-intl-universal could be used in non-react component.

If you declare constants before intl.init(...), the intl.get method is executed when js script loaded. So it can't get the locale data.

const myData = {
  label: intl.get('key1').d('message'), 
  value: 1
}

const MyComp = () => {
   return <div>{myData.label}</div>   
}

Changing constants to function will work:

const myData = {
  get label() {return intl.get('key1').d('message')}
  value: 1
}

const MyComp = () => {
   return <div>{myData.label}</div>   
}