Angularで「WARNING .. 'Interface' was not found」と警告がでた

Angularで「WARNING .. 'Interface' was not found」と警告がでて色々と試した

WARNING in ./xxx.component.ts
39:82-90 "export 'MyInterface' was not found in './xxx.service

xxx.service.tsでは以下のようにMyInterfaceを定義し

export interface MyInterface {
  foo?: string;
}

xxx.component.tsでは以下のようにMyInterfaceを読み込み

import { MyInterface } from './xxx.service';

のように定義している。

調べていくと、@inputの型定義を以下のようにしていると警告が出るようです。

@Input() myInterface: MyInterface;

以下のようにして値未定義を許可すると警告が消えました。

@Input() myInterface = <MyInterface>null;