Apollo Angular Ngrx Cache

using-feature.ts

import { NgrxCacheModule, NgrxCache } from 'apollo-cache-ngrx';

@NgModule({
  imports: [
    // ...
    NgrxCacheModule.forFeature()
  ],
})
export class AppModule {
  constructor(
    apollo: Apollo,
    ngrxCache: NgrxCache
  ) {
    const cache = ngrxCache.create();
    
    apollo.create({ cache, /* ... */ });
  }
}

using-reducer.ts

import { StoreModule } from '@ngrx/store';
import { NgrxCacheModule, NgrxCache, cacheReducer, CacheState } from 'apollo-cache-ngrx';

interface State {
  apollo: CacheState;
}

const reducers = {
  apollo: cacheReducer
};

const selector = (state: State) => state.apollo;

@NgModule({
  imports: [
    // ...
    StoreModule.forRoot<State>(reducers),
    NgrxCacheModule
  ],
})
export class AppModule {
  constructor(
    apollo: Apollo,
    ngrxCache: NgrxCache
  ) {
    const cache = ngrxCache.create({ selector })
    
    apollo.create({ cache, /* ... */ });
  }
}