Piping middlewares not working as expected when migrating to v5

[chris23lngr]

I just tried to migrate my NextJS app from v4 to v5. I followed the NextJS guide to do this.

I want to use multiple middlewares (persist and always). The following code worked smoothly in v4:

export const createApplicationStore = (
  initialState: ApplicationState = defaultInitState
) =>
  createStore<ApplicationStore>()(
    persist(
      immer((set) => ({
        // general
        general: initialState.general,
        setGeneral(general) {
          // ...
        },
        // ...
      })),
      {
        name: 'test',
        storage: createJSONStorage(() => sessionStorage),
      }
    )
  );

When i upgrade to v5, i get the following error:

The types of the “nextStateOrUpdater” and “nextStateOrUpdater” parameters are not compatible.
          The type “ApplicationStore | ((state: WritableDraft<ApplicationStore>) => void)” can be assigned to the type “{ general: { firstName: string; lastName: string; birthDate: Date; gender: ‘MALE’ | ‘FEMALE’ | ‘DIVERSE’ | ‘PREFFER_NOT_TO_SAY’; university: string; currentDegree: ‘HOCHSCHULREIFE’ | ‘ABITUR’ | ‘BACHELOR’ | ‘MASTER’; ... 7 more ...; experienceConsulting: number; }; ... 6 more ...; updateSubApplication(subApplication...” cannot be assigned.

I'm really stuck - I tried explicitly typing the middlewares but that didn't work either. Does anyone know what could be the problem here?