Redux (Toolkit in this case) stays silent on all errors

[sanjarcode]

This is a recurring problem, happens in both web (React + ReactDOM) and native (React + ReactNative).
I'm using Redux Toolkit.

• The problem isn't in reducers or thunks alone. Even missing import errors (in a Reducer file say) are invisible.
• It's frustrating when this happens, especially in a mobile app.

---

See reduxjs/redux#1060

[sanjarcode]

Fixed: add this

import { configureStore } from "@reduxjs/toolkit";
const store = configureStore({
  reducer: {
    /* reducers here */
  },

  middleware: (getDefaultMiddleware) => {
    const errorLoggingMiddleware = () => (next) => (action) => {
      if (action.type.includes("rejected")) {
        console.error("vpReduxError", action.error.message, {
          type: action.type,
          payload: action.payload,
          error: action.error,
        });
      }
      next(action);
    };

    return getDefaultMiddleware({
      serializableCheck: false,
    }).concat(errorLoggingMiddleware);
  },
});

export default store;