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)
Это можно как-то исправить?