Программа выдаёт ошибку:
Свойство "onChangeFilter" отсутствует в типе "{ tickets: Tickets; filterOrder: string; }" и является обязательным в типе "{ onChangeFilter(filterOrder: string): void; }".
и ссылается на файл App.tsx, подчёркивая красным MainScreen:
Файл App.tsx:
const mapToStateProps = ({ tickets, filterOrder }: State) => ({
tickets,
filterOrder,
});
const connector = connect(mapToStateProps);
type PropsFromRedux = ConnectedProps<typeof connector>;
function App(props: PropsFromRedux): JSX.Element {
const { tickets, filterOrder } = props;
return (
<MainScreen tickets={tickets} filterOrder={filterOrder} />
);
}
Как я поняла, ожидается props, что не передаётся в MainScreen:
Файл main-screen.tsx:
type MainScreenProps = {
tickets: Tickets;
filterOrder: string;
};
Но onChangeFilter берётся не из props, мы сами создаём:
const mapDispatchToProps = (dispatch: Dispatch<Actions>) => ({
onChangeFilter(filterOrder: string) {
dispatch(changeFilter(filterOrder));
},
});
Как узнать ожидаемые и обязательные свойства, и как исправить ошибку?