Import Error: Module not found about angular-i18next HOT 10 CLOSED

ERROR in ./src/app/base/components/password-reset/password-reset.component.ts
Module not found: Error: Can't resolve 'angular-i18next/I18NextPipe' in '/Users/Andrii/Code/nextree/nxt-profile/src/app/base/components/password-reset'

"@angular/core": "~8.2.14",
...
"i18next": "^19.3.4",
"angular-i18next": "^7.0.0",

import { APP_INITIALIZER, LOCALE_ID } from '@angular/core';
import { I18NEXT_SERVICE, I18NextTitle, ITranslationService } from 'angular-i18next';
import { Language } from '../enums/language.enum';
import { environment } from '../../../environments/environment';
import { Namespace } from '../enums/namespace.enum';
import { Title } from '@angular/platform-browser';
import { LANGUAGE_SAVER, LanguageSaver } from './language-saver/language-saver';
import { LocalStorageLanguageSaver } from './language-saver/local-storage-language-saver';
import { resourcesIndex } from './resources-index';
import { skip } from 'rxjs/operators';

function subscribeToLanguageChange(
  i18NextService: ITranslationService,
  initialLanguageSaver: LanguageSaver
): void {
  i18NextService.events.languageChanged
    .pipe(
      skip(1)
    )
    .subscribe((newLanguage: string) => {
      initialLanguageSaver.set(newLanguage as Language);
      window.location.reload();
    });
}

function appInit(
  i18NextService: ITranslationService,
  initialLanguageSaver: LanguageSaver
): Function {
  return (): Promise<any> => {
    const initResult = i18NextService.init({
      lng: initialLanguageSaver.get() || Language.EN,
      whitelist: [
        Language.EN,
        Language.DE,
        Language.FR,
        Language.IT,
      ],
      nonExplicitWhitelist: true,
      cleanCode: true,
      fallbackLng: Language.EN,
      debug: !environment.isProduction,
      returnEmptyString: false,
      ns: [Namespace.PasswordReset],
      resources: resourcesIndex
    });

    subscribeToLanguageChange(i18NextService, initialLanguageSaver);

    return initResult;
  };
}

function localeIdFactory(i18next: ITranslationService): string  {
  return i18next.language;
}

export const I18N_PROVIDERS = [
  {
    provide: APP_INITIALIZER,
    useFactory: appInit,
    deps: [I18NEXT_SERVICE, LANGUAGE_SAVER],
    multi: true
  },
  {
    provide: LOCALE_ID,
    deps: [I18NEXT_SERVICE],
    useFactory: localeIdFactory
  },
  {
    provide: LANGUAGE_SAVER,
    useClass: LocalStorageLanguageSaver
  },
  {
    provide: Title,
    useClass: I18NextTitle
  }
];