type mismatch on `middleware` property of `configureStore` when also using `enhancers`

[burtek]

import { configureStore } from '@reduxjs/toolkit';
import { createLogger } from 'redux-logger';

export const store = configureStore({
    enhancers: getDefaultEnhancers => getDefaultEnhancers(),
    middleware: getDefaultMiddleware => {
        return getDefaultMiddleware().prepend(createLogger())
    },
    reducer: {}
});

reports TS 2322 error on middleware key:

Type '(getDefaultMiddleware: GetDefaultMiddleware<any>) => Tuple<[Middleware<{}, any, Dispatch<UnknownAction>>, ThunkMiddleware<any, UnknownAction>]>' is not assignable to type '(getDefaultMiddleware: GetDefaultMiddleware<any>) => Tuple<[ThunkMiddleware<any, UnknownAction>]>'.
  Type 'Tuple<[Middleware<{}, any, Dispatch<UnknownAction>>, ThunkMiddleware<any, UnknownAction>]>' is not assignable to type 'Tuple<[ThunkMiddleware<any, UnknownAction>]>'.
    Type '[Middleware<{}, any, Dispatch<UnknownAction>>, ThunkMiddleware<any, UnknownAction>]' is not assignable to type '[ThunkMiddleware<any, UnknownAction>]'.
      Source has 2 element(s) but target allows only 1.

---

This does not happen if the enhancers key is not provided:

NB: It's not the case of "remove enhancers key since you're not doing anything there" - in my project I do add more enhancers. Here I provided minimal repro code.

---

Using:

lib	version
@reduxjs/toolkit	2.2.1
redux-logger	3.0.6
typescript	5.3.2

[EskiMojo14]

the type of getDefaultEnhancers depends on the result of your middleware callback, move the enhancers key after the middleware key.

i thought we had documented this somewhere but I can't seem to find it

[burtek]

How the heck do types depend on keys order o.O

Anyway, it worked. Thanks. Would be nice to document that properly :)

[markerikson]

We mentioned it in the migration guide:

• https://redux.js.org/usage/migrations/migrating-rtk-2#configurestore-field-order-for-middleware-matters

but not sure it's in the actual docs.

[burtek]

Well, I wasn't migrating, so I never found that part :/ Good to hear it's in at least that place, but I'd expect it somewhere here too: https://redux-toolkit.js.org/api/configureStore#middleware / https://redux-toolkit.js.org/api/configureStore#enhancers

Happy to close this issue unless you want to use it to track any related docs changes