React-big-calendar: dateFnsLocalizer is not working

[pig800509]

const locales = {
  'zh-TW': require('date-fns/locale/zh-TW'),
}

my package.json

"date-fns": "^2.15.0",
"react-big-calendar": "^0.26.0",
"typescript": "~3.7.2"

It always show en-US in calendar. It that bug?

[atomoc]

I have this same problem

[efflam]

@pig800509 You should pass culture={"zh-TW"} as a prop to <Calendar/>

[serrg]

@pig800509 You should pass culture={"zh-TW"} as a prop to <Calendar/>

Does not work, it causes: Uncaught RangeError: locale must contain localize property

"react-big-calendar": "^0.28.0",
"date-fns": "^2.16.1",

https://codesandbox.io/s/gifted-driscoll-ye7rn

[MrBlue9]

Try importing the locale object via namespace import

import { zhTW } from 'date-fns/locale'

and then using it like this:

const locales = {
  'zh-TW': zhTW
}

[serrg]

Try importing the locale object via namespace import

It works now: https://codesandbox.io/s/fast-breeze-ckmf4