How to use a class Reducer for a ng/rx reducer in Angular standalone

[pjc2007]

I have the details of this question in this post

Basically, I want to know how to use a class based reducer in a standalone Angular application (that may have some of it's own injection), that I always have before converting to standalone.

I Have been all day on copilot, and just going in circles, and I just cannot work out how to do it. The answer on the above post does not work, as described in my update (the inject cannot be used where it is).

It would be great to have some doco on this.

In the meantime, can anyone else help? It must be doable also in standalone?

[rainerhahnekamp]

Can you provide us with a minimalistic StackBlitz example, please?

[pjc2007]

Yes, here is a very minimal ngrxReduerAsClass

In this example, I have AppReducer as a reducer as a class.

In app.config.ts you will see the setup as suggested in SO...

 provideState({
      name: 'appState',
      reducer: (state: any | undefined, action) => {
        const reducer = inject(AppReducer);
        return reducer.reduce(state, action);
      },
    }),

There is a single button that dispatches an action

add() {
    const nums = { a: 1, b: 2 }; // Example numbers to add
    this.store.dispatch(addNumbers({ nums })); 
  }

Click the button, and open the dev console, and you will see the error I am getting...

I have tried all sorts of combinations of InJectionTokens, factories, but I can't get anything to work.

I was working fine (using InjectionTokens) before I converted to standalone. For reference, this is how I had it when using Modules

export const APP_REDUCER_TOKEN =
  new InjectionToken<ActionReducer<Map<string, PitramBmState>>>('App reducer');

export function appReducerFactory(reducer: AppReducer):
  (state: AppState, action: Action) => AppState {
  return (s, a) => reducer.reduce(s, a);

@NgModule({ schemas: [CUSTOM_ELEMENTS_SCHEMA], 
  imports: [
     StoreModule.forRoot({}),
     EffectsModule.forRoot([]),

    StoreModule.forFeature(Constants.vals.featureNames.appState, APP_REDUCER_TOKEN),
   { provide: APP_REDUCER_TOKEN, deps: [AppReducer], useFactory: appReducerFactory },
   
  ]