В доке редакса написано:

``
In addition, slice reducers should exercise control over what other values are returned as part of the calculated state. Minimize the use of "blind spreads/returns" like return action.payload or return {...state, ...action.payload}, because those rely on the code that dispatched the action to correctly format the contents, and the reducer effectively gives up its ownership of what that state looks like. That can lead to bugs if the action contents are not correct.
``

Но если у меня типизация нормально же делать {...state, ...action.payload} ?

вы попробовали гуглить ошибку?

Ребята, перехожу на другую страницу, но консоль лог в компоненте Radio3 выдает мне домашний путь. В чем может быть ошибка?

https://codesandbox.io/s/gracious-microservice-h7cej?file=/src/App.js

Гуглили и там нвписано что jest не может импортировать сторонние модули, устанавливали babel jest transform не помогло(

Скинь код плз роутера и компонента можно в лс

Вот ведь
https://codesandbox.io/s/gracious-microservice-h7cej?file=/src/App.js

Попробуй поменяй местами роуты

Если я не ошибаюсь то домашняя страница должна идти в конце

Неа, все так же(

вместо useRouteMatch попробуйте useLocation

Заработало, спасибо)

подскажите, каким образом при рендере компонента отправить запрос, получить данные и занести их в редакс стор? пытался сделать через useEffect - отрабатывает, но при передаче данных в дочерний компонент у него они undefined

&upd: сделал через useSelector, но для справки можно ли сделать через useEffect?

Кинь кусок кода где у тебя эта проблема

все, разобрался, как сделать

Подскажите пжлст, как это моЖно переписать, чтобы отправлялся один запрос в сагу, сейчас при первой подгрузке страницы делается 4-5 запросов из-за массива зависимостей в юзэффекте, интересны идеи как кто-то другой обрабатывает такие кейсы
useEffect(() => {
   getRequest({
     search: '',
     page: query.page! > meta.totalPages! ? '1' : (query.page as string),
     sortColumn: query.sorting_column,
     sort: query.sorting_direction || 'ASC',
     perPage: String(perPage),
     agentId: user.role === ROLES.agent ? user.id : '',
     senderId: user.role === ROLES.customer ? user.id : '',
     senderType: user.role === ROLES.customer ? 'User' : '',
   });
 }, [
   getRequest, meta.totalPages, perPage, query.page,  query.sorting_column, query.sorting_direction,  setLoader, user.id, user.role,
 ]);

проблема была в том, что я забыл про деструктуризацию и передавал через props.data..... остается момент с useEffect и вызовом функции внутри него. или лучше через useDispatch?

useDispatch

он будет срабатывать только при первом рендере? извиняюсь, только начал знакомиться с хуками