[React] MUI DateTimePicker에 에러 생성하기

MUI v6부터 DateTimePicker에 에러를 생성하기 위해 쓰이는 renderInput가 slotProps로 변경되었다고 한다.
따라서 아래처럼 slotProps 속성에 textField를 추가해주면 된다.
에러를 생성하기 위해서는 onError 콜백함수를 써주면 된다.

📄 코드

 <DateTimePicker
        label="날짜 및 시간"
        format="YYYY-MM-DD hh:mm:ss"
        onChange={newValue => onSetValue(newValue)}
        sx={{ width: '300px' }}
        slotProps={{
          textField: {
            helperText: error ? '날짜 및 시간을 입력해주세요' : '',
            error: error,
          },
        }}
        onError={(err) => setError(err)}
      />