Tengo el siguiente código con redux-toolkit pero no puedo encontrar el error

 if (token) { // this code dispatches the function below in a different file const data = { service: 'stripe', stripe_payment_id: token.id, }; dispatch(setPaymentMethod({ data, tenantId: tenant.id })); } export const setPaymentMethod = (params: any) => { const { data, tenantId } = params; return async (dispatch: any, getState: any) => dispatch( postRequest( `${API.TENANTS}/${tenantId}/${API.PAYMENT_METHODS}`, data, response => console.log(response), ), ); };

El código anterior llama al archivo del controlador API de esta manera

 const postRequest = async ( url: string, body: any, onSuccess: (x: any) => void, onError?: () => void, params?: any, ) => { return async (dispatch: any, getState: any) => { try { let response = await API.post(url, body, {}); if (response.status === 200) { console.log(response); onSuccess(response.data); } } catch (error) { console.log(error); } }; };

Tal vez no estoy viendo el error y parece fácil de solucionar, pero no he encontrado la solución, ¡ayuda por favor!

Estoy usando redux-toolkit que ya usa redux-thunk detrás de escena

/Almacenar configuración

 const rootReducer = combineReducers({ /* PLOP_INJECT_EXPORT */ tenantsReducer: tenantsSlice, receiptsReducer: receiptsSlice, geoLocationReducer: geoLocationSlice, storesReducer: storesSlice, authReducer: authSlice, exampleReducer: exampleSlice, uiReducer: uiSlice, tokensReducer: tokensSlice, [usersApi.reducerPath]: usersApi.reducer, }); const persistConfig = { key: 'root', version: 1, storage: AsyncStorage, // whitelist: ['uiReducer'], }; const persistedReducer = persistReducer(persistConfig, rootReducer); const store = configureStore({ reducer: persistedReducer, middleware: getDefaultMiddleware => getDefaultMiddleware({ serializableCheck: { ignoredActions: [FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE, REGISTER], }, }), }); setupListeners(store.dispatch);