

MUIのDatePickerの言語を日本語にする方法はありますでしょうか？  
下記のようなコードを書いたところ、ブラウザに`TypeError: Cannot read properties of undefined (reading
'date')`というエラーが表示されました。  
`locale="ja"`を削除するとDatePickerは表示されますが、英語表示となります。

[code]

    /* eslint-disable react/react-in-jsx-scope -- Unaware of jsxImportSource */
    /** @jsxImportSource @emotion/react */
    import { memo, VFC, useState } from "react";
    import LocalizationProvider from "@mui/lab/LocalizationProvider";
    import DatePicker from "@mui/lab/DatePicker";
    import AdapterDateFns from "@mui/lab/AdapterDateFns";
    import TextField from "@mui/material/TextField";
    
    export const TestPicker: VFC = memo(() => {
      const [value, setValue] = useState<Date | null>(null);
    
      return (
        <LocalizationProvider dateAdapter={AdapterDateFns} locale="ja">
          <DatePicker
            value={value}
            onChange={(newValue) => {
              setValue(newValue);
            }}
            renderInput={(params) => <TextField {...params} />}
          />
        </LocalizationProvider>
      );
    });
    
[/code]

各パッケージのバージョンは下記です。

[code]

    ├── @emotion/react@11.4.1
    ├── @emotion/styled@11.3.0
    ├── @mui/icons-material@5.0.1
    ├── @mui/lab@5.0.0-alpha.48
    ├── @mui/material@5.0.1
    ├── @types/node@12.20.27
    ├── @types/react-dom@17.0.9
    ├── @types/react@17.0.24
    ├── npm@7.24.1
    ├── react-dom@17.0.2
    ├── react-scripts@4.0.3
    ├── react@17.0.2
    ├── typescript@4.4.3
    ・
    ・
    ・
    
[/code]


CC BY-SA 4.0
2021-09-29T07:07:31.013
82750
2022-12-01T02:01:00.093
19297
question
javascript reactjs typescript material-ui
MUIのDatePickerの言語を日本語にする方法は？


date-fnsのlocaleを用いれば日本語になるかと思います。

[code]

    import ja from "date-fns/locale/ja";
    <LocalizationProvider dateAdapter={AdapterDateFns} locale={ja}>
    
[/code]


CC BY-SA 4.0
2021-11-30T09:52:17.570
83896
2021-11-30T09:52:17.570
49292
82750
answer