reactjs - Masalah lokalisasi MUI DatePicker + date-fns

Masalah terjadi ketika saya menggunakan MUI DatePicker dengan LocalizationProvider dan AdapterDateFns dengan lokal Hungaria.

<LocalizationProvider dateAdapter={AdapterDateFns} adapterLocale={hu}>
      <DesktopDatePicker
        value={value}
        onChange={(newValue) => {
          setValue(newValue);
        }}
        renderInput={(params) => (
          <TextField
            {...params}
            inputProps={{
              ...params.inputProps,
              placeholder: "yyyy. MM. dd."
            }}
          />
        )}
      />
</LocalizationProvider>

Semua dependensi terbaru.

Masalahnya adalah ketika saya mencoba mengetik tanggal secara manual, kursor melompat-lompat dengan aneh di bagian bulan dan hari. LocalizationProvider mengubah masker input menjadi "yyyy. MM. dd." dan itu yang ingin saya miliki, tetapi sepertinya kursor tidak menyesuaikan dengan format baru dan menjadi error.

Anda bisa mencobanya di sini:

CodeSandbox

Apakah ada cara untuk memperbaiki ini atau mengatasinya?

CATATAN: Penyebabnya tampaknya adalah date-fns. Itu bekerja dengan baik dengan dayjs, tapi saya harus menggunakan date-fns, jadi saya harus membuatnya bekerja entah bagaimana.