Как в MUI 5 в компонентах убрать мемоизацию по умолчанию?

Question

[MishaXXL]

Есть компонент инпута, но когда в него через пропсы прокидывается то же значение, что и было, то не ререндерится
Как сделать так, чтобы он ререндерился постоянно?

import TextField from '@mui/material/TextField'

function TimeInput(props) {
  const { value, onChange } = props

  return (
      <TextField
        value={value}
        onChange={onChange}
      />
  );
}

Comments

[WbICHA]

но когда в него через пропсы прокидывается то же значение, что и было, но не ререндерится

У меня просто вопрос, а зачем тебе надо, чтобы он ререндерился?

[MishaXXL]

WbICHA, в инпут приходит число 1, нам подходит
после кто-то вводит 0 перед 1, мы парсим значение, чтобы убрать 0 перед 1 и у нас результат value 1
т.к. тоже самое значение, то ререндера нет, а в инпуте 01 остается

[Alexandroppolus]

Вот так проблемы нет?

onChange={(...args) => onChange(...args)}

[Alexandroppolus]

Вообще, если ты замыслил сотворить инпут с форматированием ввода, то лучше пояндекси готовый, потому что тут много всяких приколов с сохранением позиции курсора и т.д.

[MishaXXL]

Alexandroppolus, нет, а как оно должно было помочь?

[WbICHA]

MishaXXL,

в инпут приходит число 1, нам подходит
после кто-то вводит 0 перед 1, мы парсим значение, чтобы убрать 0 перед 1 и у нас результат value 1
т.к. тоже самое значение, то ререндера нет, а в инпуте 01 остается

Ничего не понял. На каком этапе парсинг происходит? И зачем ты отрезаешь ноль у времени?
Проблема тут судя по всему, не в ререндере.