свойство 'выход' из неопределенного в HeaderComponent.logout2

Question

Я хочу реализовать одну функцию выхода из системы по всему проекту. Я сделал это в компоненте Dashboard, и выход из системы в порядке, теперь я пытаюсь повторно использовать функцию в заголовке, получаю сообщение об ошибке в консоли - свойство 'logout' undefined в HeaderComponent.logout2

ВНИЗ НИЖНЯЯ ЧАСТЬ КОМПОНЕНТА ЖАТКИ

import { DashboardComponent } from '../dashboard/dashboard.component';

@Injectable({
  providedIn: 'root',
})

  @ViewChild(DashboardComponent, {static: false})
  private dash: DashboardComponent;

 logout2() { // this method is undefined, but it exits in dashboard
    this.dash.logout();
  }

// Вот фрагмент кода приборной панели

logout() {
    this.token.signOut();
    this.router.navigate(['login']);
    window.location.reload();
  }

Чтобы убедиться, что яна правильном пути, я проверил угловую документацию и пришел к этому https://angular.io/guide/component-interaction#parent-calls-an-viewchild

Мне нужно решить эту ошибку