Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[BUG] Error while using DatePicker on edit forms.

See original GitHub issue

Describe the bug Error while using DatePicker on edit forms. Seems like there is something going wrong with dayjs and antd’s DatePicker which is default for refine.

dayjs.js:151 
Uncaught TypeError: date.locale is not a function
    at Object.format (dayjs.js:151)
    at formatValue (dateUtil.js:126)
    at useValueTexts.js:19
    at useMemo (useMemo.js:6)
    at useValueTexts (useValueTexts.js:8)
    at InnerPicker (Picker.js:135)
    at renderWithHooks (react-dom.development.js:14985)

To Reproduce Steps to reproduce the behavior:

Add a new DatePicker to the edit form.
Nagivate to the edit page.
See error on the browser’s console.

Expected behavior No error.

Screenshots

Desktop (please complete the following information):

OS: MacOS Monterey
Browser [Brawe]
Version 1.31.91 Chromium: 95.0.4638.69
Used dataProvider [custom]

Issue Analytics

State:
Created 2 years ago
Comments:10 (5 by maintainers)

Top GitHub Comments

1reaction

luizgribeirocommented, Nov 26, 2021

Just tested it out on release 2.2.3 through yarn and it worked

1reaction

turgayozgurcommented, Nov 20, 2021

@omeraplak Thanks. It worked.

Use npm insted of yarn.
Use the same version that refine using for dayjs. It is currently 1.10.5
Don’t forget to wrap the date string value fetched from the API on getValueProps. Check it out the edit page on the example of datepicker.