我正在尝试将DataPicker和LocalizationProvider与MUI v4.12.3一起使用。以下是JSON导入包

"react": "17.0.2",
"@material-ui/core": "4.12.3",
"@material-ui/icons": "^4.11.3",
"@mui/icons-material": "^5.11.16",
"@mui/lab": "^5.0.0-alpha.57",
"@mui/material": "^5.12.2",
"@mui/styles": "^5.6.2",
"@mui/x-date-pickers": "^6.8.0",
"dayjs": "^1.11.8",

在文件中，它将在以下位置导入：

import { DatePicker, LocalizationProvider } from '@mui/lab';
import AdapterDateFns from '@mui/lab/AdapterDateFns';

具有以下用途：

return (
    <LocalizationProvider dateAdapter={AdapterDateFns}
     <DatePicker [Properties here] />
    // Entire component
    </LocalizationProvider>
)

但是，除非本地化被移除（它包含整个组件），否则页面不会呈现。移除该组件后，将呈现除DataPicker组件之外的页面其余部分。
MUI的当前版本必须保持为v4.12.3（React v17相同）。实验室导入是否不正确？是否有任何其他导入不适用于MUI v4？
经过进一步的研究，我使用了以下导入：

import { DatePicker, LocalizationProvider } from '@mui/x-date-pickers';
import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDayjs';

但是，AdapterDateFns没有从@mui/x-date-pickers/AdapterDayjs导入是我收到的一个错误。这是即使它告诉我从那里导入后，试图通过MUI实验室这样做。