Как исправить баг соприкосновения двух Slice в RTK?

Question

[chvertkos]

Привет, в моем проекте есть 2 Slice: OptionSlice и TicketsReducer. В обоих слайсах я использую асинхронные запросы, и сейчас, по какой-то причине, после выполнения запроса fetchOptions, данные приходящие в массив options добавляются еще и в массив tickets. Не могу отловить причину, по которой это происходит, возможно проблема в компонентах, по этому прикладываю ссылку на github. https://github.com/Chvertko/diplom
P.S Суть в том, что массив, приходящий в options - это города, которые показываются в выпадающем списке Autocomplete,

Но помимо этого, так как они , по какой-то причине добавляются и в массив tickets другого редьюсера, они оторбражаются и в компоненте ticketList

Comments

[Антон Горецкий]

404 по ссылке

[chvertkos]

Антон Горецкий, Сори.Расприватил.

Answer 1

[Алексей]

Потому что кое что забыли в addMatcher. Сейчас у вас оба слайса в extraReducers матчатся на все асинхронно возвращаемые через промисы экшены, поэтому данные и записываются в оба слайса Т.е. вам необходимо матчить по название thunk + статус, а не только по статусу, как пример, для option:
вот вы создали async thunk с типом "countries/fetchCountries"

export const fetchCountries = createAsyncThunk(
  'countries/fetchCountries',
...

и в addMatcher будет тогда:

(action) => action.type.endsWith("countries/fetchCountries/pending"),

Ну и везде так поменяйте.

Comments

[chvertkos]

Дай бог здоровья