<TextField id="standard-basic" value={text} placeholder="Почта" onChange={event => {

event.preventDefault();
updateEmailAddress(event.target.value);
}}
onSubmit={e => e.preventDefault()}
onBlur={e => e.preventDefault()}/>
при прожиме enter-a и фокусе на форме происходит принудительное обновление страницы. Как его отключить?

на кнопке при клике поставьте превент дефаулт, либо задайте ей тайп баттон

<TextField id="standard-basic" value={text} placeholder="Почта" onChange={event => { event.preventDefault(); updateEmailAddress(event.target.value); }} onClick={e => e.preventDefault()} onSubmit={e => e.preventDefault()} onBlur={e => e.preventDefault()}/> так не сработало

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

нет, не вызывается. Вопрос, какое событие происходит при нажатии enter при условии фокуса

блин. у вас рядом с инпутом в форме есть кнопка?

при энтере срабатывает кнопка на странице (или в форме) и она уже обновляект её то есть превент дефаулт нужно на кнопку вешать, ищите кнопку) Либо кнопке задайте type="button"

да, но у неё другая логика при нажатии. И она вроде как не имеет фокус. Плюс ко всему я попробовал там тоже привентить дефолт в онклике

кнопке не нужен фокус чтобы по энтеру нажаться, поищите в этой стороне. начните с type button

всё равно ни одна кнопка не работает так, что происходит при enter-e

звучит как фантастика) смотрите в логах что происходит а после в код кто вызывает это поведение

А можешь написать что у тебя Я вижу вы уже обсуждаете тут долго

<TextField id="standard-basic" value={text} placeholder="Почта" onChange={event => { event.preventDefault(); updateEmailAddress(event.target.value); }} onClick={e => e.preventDefault()} onSubmit={e => e.preventDefault()} onBlur={e => e.preventDefault()}/> при enter-e и фокусе на текст филде происходит обновление страницы. Ни одна кнопка на форме не вызывает такого поведения

А можешь скрин всего ретёрна скинуть?

и как дальше?

тыкните на энтер)) и смотрите что куда уйдет в запросах и ищите в коде кто виноват

return ( <> <Typography style={{ paddingTop: "20px" }}>Список почт, на которые будет отправлен отчет:</Typography> <List style={{ paddingTop: "5px" }}> {emailItems.map((emailItem, index) => <ListItem style={{ paddingLeft: '0px', paddingTop: "5px", }}> <EmailIcon/> <Typography className={classes.emailTextField}>{emailItem}</Typography> <IconButton id={index} onClick={event => removeEmail(event.currentTarget.id)}><CloseIcon/></IconButton> </ListItem>) } </List> <Typography className={classes.emailTypography}>Добавить почту:</Typography> <div> <TextField id="standard-basic" value={text} placeholder="Почта" onChange={event => { event.preventDefault(); updateEmailAddress(event.target.value); }} onClick={e => e.preventDefault()} onSubmit={e => e.preventDefault()} onBlur={e => e.preventDefault()}/> <IconButton onClick={e => { e.preventDefault() addEmail(e) }}><AddIcon/></IconButton> </div> </>

ну я вижу летят запросы к беку во вкладке network, во вкладке Console полезных логов не появилось

Действительно, странно Попробуй обернуть в форму На кнопку навесить тайп онклик И сабмитить из формы

Form из редакса? К сожалению, я не могу, поскольку мы уходим от редакса и считаем это легаси

в тег <form> наверное имелось ввиду