I faced the same issue, for me it was just solved by adding AppDispatch to the type of useDispatch hook; const dispatch = useDispatch<AppDispatch>(); useEffect(() => { dispatch(getUsers()); }, []); getUsers() was my createAsyncThunk function
Redux used to be great but if you have tried none of them, I would highly recommend using Redux-Toolkit. The only case where I may want you to stick to redux is when you’re using class-based components, where Redux Toolkit does have some boilerplate (like Redux) and you may miss out decent support. However with … Read more
Something like this: const intialState = { returned: [] } const showOnReviewSlice = createSlice({ name: ‘showOnReview’, initialState, reducers: { reset: () => initialState } });
Solution You need to use the current function in order to see the actual value of the state. In your reducer, you can call: console.log(current(state)); This current function comes from the Immer package which is a dependency of Redux Toolkit. It is re-exported by Redux Toolkit, so it can be imported from either package: import … Read more
I’m a Redux maintainer, and the person who added that “createStore is deprecated” message 🙂 For the record this has nothing to do with your actual application code. It is specifically a message to users like you who are using “plain Redux” – it’s trying to tell you that you’re following patterns that are much … Read more
The reducers property both creates an action creator function and responds to that action in the slice reducer. The extraReducers allows you to respond to an action in your slice reducer but does not create an action creator function. You will use reducers most of the time. You would use extraReducers when you are dealing … Read more
I’m a Redux maintainer and creator of Redux Toolkit. FWIW, nothing about making async calls with Redux changes with Redux Toolkit. You’d still use an async middleware (typically redux-thunk), fetch data, and dispatch actions with the results. As of Redux Toolkit 1.3, we do have a helper method called createAsyncThunk that generates the action creators … Read more
This is more likely a problem from redux-persist. redux-toolkit provide few default middleware within it’s getDefaultMiddleware import { getDefaultMiddleware } from ‘@reduxjs/toolkit’; You can disable each middleware by providing false flag. To remove serializableCheck const customizedMiddleware = getDefaultMiddleware({ serializableCheck: false }) For details check redux-toolkit documentation. [2021/10/07] edit: To learn more about why this error … Read more