How to use this with class based signalStore of Angular

[Jagan-P]

I found this extension which enables it for functional store but couldn't find a way to use it with class based store.

import { Injectable, computed, inject } from '@angular/core';
import { pipe, shareReplay } from 'rxjs';
import { signalStore, withState, withMethods, patchState } from '@ngrx/signals';
import { rxMethod } from '@ngrx/signals/rxjs-interop';
import { switchMap, tap } from 'rxjs/operators';

@Injectable({ providedIn: 'root' })
export class HardwareDeviceDetailsStore extends signalStore(
  withState(initialState),
  withMethods((store, hardwareDeviceService = inject(HardwareDeviceService)) => ({
    loadDeviceDetails: rxMethod<string>(
      pipe(
        tap(() => patchState(store, { isLoading: true, hasError: null })),
        switchMap((deviceId) =>
          hardwareDeviceService.getHardwareDeviceVariantGroupsById(deviceId).pipe(
            tap((response) => {
              if (response.error) {
                patchState(store, { hasError: true, isLoading: false });

                return;
              }

              patchState(store, { data: response.result, isLoading: false });
            }),
            shareReplay(1),
          ),
        ),
      ),
    ),
    clearDeviceDetails: () => patchState(store, { data: null, isLoading: false, hasError: false }),
  })),
) {}

I have raised an issue with them too but no idea if it is something they can do or you both should do.

angular-architects/ngrx-toolkit#142