How to use the @ngrx/store-devtools.StoreDevtoolsModule.instrumentStore function in @ngrx/store-devtools

LoginComponent,
    LoginPageComponent,
    FooterComponent,
    AdminPageComponent,
    UrlValidatorDirective,
    AdComponent,
  ],
  imports: [
    BrowserModule,
    FormsModule,
    ReactiveFormsModule,
    HttpModule,
    JsonpModule,
    routing,
    StoreModule.provideStore(reducer),
    StoreDevtoolsModule.instrumentStore(instrumentOptions),
    // StoreLogMonitorModule,
    ModalModule.forRoot(),
    BsDropdownModule.forRoot(),
    ShareButtonsModule.forRoot(),
    EffectsModule.run(ProjectEffects),
    EffectsModule.run(UserEffects),
    EffectsModule.run(TopicEffects),
    AngularFireModule.initializeApp(firebaseConfig, {
      method: AuthMethods.Redirect
    }),
  ],
  providers: [
    TopicActions,
    UserActions,
    ProjectActions,
    CanActivateViaAuthGuard,

// The file contents for the current environment will overwrite these during build.
// The build system defaults to the dev environment which uses `environment.ts`, but if you do
// `ng build --env=prod` then `environment.prod.ts` will be used instead.
// The list of which env maps to which file can be found in `angular-cli.json`.

import {StoreDevtoolsModule} from "@ngrx/store-devtools";
export const environment = {
  production: false,
  hmr: false,
  imports: [
    StoreDevtoolsModule.instrumentStore({maxAge: 2}),
  ]
};

FormsModule,
  HttpModule,
  CommonModule,
  MaterialModule.forRoot(),
  FlexLayoutModule.forRoot(),
  RouterModule.forRoot(ROUTES, {
    useHash: true
  }),

  // StoreLogMonitorModule,
  StoreModule.provideStore(rootReducer)
]

// Enable HMR and ngrx/devtools in hot reload mode
if (process.env.NODE_ENV === 'development') imports.push(...[
  StoreDevtoolsModule.instrumentStore({
    monitor: useLogMonitor({
      visible: false,
      position: 'right'
    })
  }),
  StoreLogMonitorModule,
])

@NgModule({
  bootstrap: [
    AppComponent
  ],
  declarations: [
    AppComponent,
    LoginComponent,
    SignupComponent,

import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';

import { StoreDevtoolsModule } from '@ngrx/store-devtools';
import { StoreLogMonitorModule, useLogMonitor } from '@ngrx/store-log-monitor';

import { StoreDevToolsComponent } from './store-devtools.component';

const IMPORTS = [];
// Enable ngrx/devtools in dev mode
if (ENV === 'development' &&
  ['monitor', 'both'].includes(STORE_DEV_TOOLS)
) IMPORTS.push(...[
  StoreDevtoolsModule.instrumentStore({
    monitor: useLogMonitor({
      visible: true,
      position: 'right'
    })
  }),
  StoreLogMonitorModule,
]);

@NgModule({
  imports: [CommonModule, IMPORTS],
  declarations: [StoreDevToolsComponent],
  exports: [StoreDevToolsComponent],
  schemas: [CUSTOM_ELEMENTS_SCHEMA]
})

export class StoreDevToolsModule { }

FormsModule,
    ReactiveFormsModule,
    HttpModule,
    ComponentsModule,
    PipesModule,
    CommonModule,
    routing,
    // Importing RestangularModule and making default configs for restanglar
    RestangularModule.forRoot((RestangularProvider) => {
      RestangularProvider.setBaseUrl(environment.baseUrl);
      RestangularProvider.setDefaultHeaders({'Content-Type':'application/json'});
      }
    ),
    StoreModule.provideStore(reducer),
    RouterStoreModule.connectRouter(),
    StoreDevtoolsModule.instrumentStore({
      monitor: useLogMonitor({
        visible: false,
        position: 'right'
      })
    }),
    StoreLogMonitorModule,
    EffectsModule.run(UserAuthEffects),
    EffectsModule.run(UserEffects),
    EffectsModule.run(ListEffects),
    EffectsModule.run(FeedsEffects),
    EffectsModule.run(UserListsEffects)
  ],
  providers: [
    actions,
    UserAuthService,
    AuthGuardService,

`
})
export class ApplicationWrapperContainer {
}

// Compose all our middleware with the rootReducer
const composedReducer = compose(storeFreeze, reset, combineReducers)(rootReducer);

export function getComposedReducer(state: any, action: any) {
    return composedReducer(state, action);
}

@NgModule({
    imports: [
        StoreModule.provideStore(composedReducer), StoreDevtoolsModule.instrumentStore({
            monitor: useLogMonitor({
                visible: false,
                position: "right"
            })
        }), StoreLogMonitorModule, AppModule],
    declarations: [ApplicationWrapperContainer],
    bootstrap: [ApplicationWrapperContainer]
})
export class DevModule {
}

RecipeDetailComponent,
    ShoppingListComponent,
    ShoppingListAddComponent,
    DropdownDirective,
    RecipeStartComponent,
    RecipeEditComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule,
    AlertModule,
    AppRoutes,
    ReactiveFormsModule,
    StoreModule.provideStore(reducers),
    StoreDevtoolsModule.instrumentStore({
      monitor: useLogMonitor({
        visible: true,
        position: 'right'
      })
    }),
    StoreLogMonitorModule,
    EffectsModule.run(RecipeEffects),
    EffectsModule.run(IngredientEffects),
    AngularFireModule.initializeApp(firebaseConfig)
  ],
  providers: [
    ShoppingListService,
    RecipeService,
    RecipeActions,
    IngredientActions
  ],