Redux + Typescript + функциональный компонент: импортированному компоненту требуются реквизиты, полученные из Redux

Question

У меня есть компонент, который выглядит примерно так:

• он имеет интерфейс со свойством «alerts»
• он подключен к Redux и получает «оповещения» от реквизитов.

interface IAlert {
  alerts: { id: string; type: string; msg: string }[];
}

const Alert: FC<IAlert> = ({ alerts }) => {
  return (
    //does something with alerts
  );
};

Alert.propTypes = {
  alerts: PropTypes.array.isRequired
};

const mapStateToProps = (state: any): object => ({
  alerts: state.alerts
});

export default connect(mapStateToProps, {})(Alert);

Проблема: Когда я импортирую этот компонент (который создает оповещения) в другие компоненты, я получаю это:

Property 'alerts' is missing in type '{}' but required in type 'Pick<IAlert, "alerts">'.ts(2741)

Я не хотите передать "оповещения" в импортированный элемент, но просто получить его из Redux.

Спасибо за помощь!