Как заменить значки стрелок по умолчанию кнопками «Предыдущий» и «Далее» в компоненте разбиения на страницы Material-UI? ⇐ CSS

[Anonymous]

Я предоставил свой код ниже. Я пробовал разные способы, но почему-то не могу решить.
импортировать React из «реагировать»; Импортировать { сеткаPageCountSelector, сеткаPageSelector, сеткаPageSizeSelector, использоватьГридАпиКонтекст, использоватьGridSelector, } из "@mui/x-data-grid"; импортировать нумерацию страниц из "@mui/material/Pagination"; импортировать PaginationItem из "@mui/material/PaginationItem"; импортировать { Stack, TextField } из "@mui/material"; импортировать { makeStyles } из "@mui/styles"; const useStyles = makeStyles(() => ({ нумерация страниц: { "& .MuiPaginationItem-корень": { отступ: «14 пикселей», Margin: "0", // Здесь ваши пользовательские стили элементов нумерации страниц цвет: "#222124", Размер шрифта: "14 пикселей", }, }, })); экспортировать функцию по умолчанию CustomPagination() { const apiRef = useGridApiContext(); const page = useGridSelector(apiRef,gridPageSelector); const pageCount = useGridSelector(apiRef,gridPageCountSelector); const pageSize =gridPageSizeSelector(apiRef,gridPageSizeSelector) константные классы = useStyles(); возвращаться ( Показаны { if (!isNaN(e.target.value) && e.target.value >= 1 && e.target.value of {apiRef.current.getRowsCount()} Результаты {/* Исправлено имя метода на getRows() */} } onChange={(событие, значение) => apiRef.current.setPage(значение - 1)} /> ); }