Redux form + material ui multiline отправка при нажатие enter

Использую react + redux form + material ui, делаю форму для отправки сообщений, проблема в том что с пропом multiline форма перестает реагировать на событие onSubmit при нажатие enter.

const CustomInput = ({ input, ...custom }) => {
  return <InputBase autoFocus multiline {...input} {...custom} />
}

const SendMessageForm = ({ handleSubmit, invalid, pristine, submitting, ...props }) => {
  const classes = useStyles()

  const myHandle = event => {
    props.sendMessage(props.dialogChain, event.messageContent)
    event.messageContent = ''
  }

  return (
    <Paper
      className={classes.root}
      onSubmit={handleSubmit(myHandle)}
      component='form'
      variant='outlined'>
      <Field className={classes.input} name='messageContent' component={CustomInput} />
      <IconButton
        className={classes.iconButton}
        disabled={invalid || pristine || submitting}
        type='submit'>
        <SendIcon />
      </IconButton>
    </Paper>
  )
}

export default reduxForm({
  form: 'sendMessage',
  validate
})(SendMessageForm)

Это можно как-то исправить?


Ответы (0 шт):