Ошибка в TS на REACT TS2322
Есть компонента
import React, { FC } from "react";
import classes from "./users.module.css";
import Paginator from "../Common/Paginator/Paginator"
import User from "./User";
import { UsersArrayType } from "../../Types/types";
export type PropsUsersType = {
totalUsersCount:number,
pageSize: number,
currentPage: number,
onPageChanged: (pageNumber:any) => void,
portionSize: number,
users: Array<UsersArrayType>,
followInProgress: Array<number>,
followThunkCreator: () => void,
unfollowThunkCreator: () => void,
}
const Users: FC<PropsUsersType> = React.memo(({ totalUsersCount, pageSize, portionSize, currentPage,
onPageChanged, users, ...props }) => {
return <div className={classes.Users}>
<Paginator totalUsersCount={totalUsersCount} pageSize={pageSize}
portionSize={portionSize} currentPage={currentPage} onPageChanged={onPageChanged} />
{
users.map(u => <User user={u}
key={u.id}
followInProgress={props.followInProgress}
followThunkCreator={props.followThunkCreator}
unfollowThunkCreator={props.unfollowThunkCreator} />
)
}
</div>
});
export default Users
В строке users.map(u => <User user={u} возникает такая ошибка:
Type '{ user: UsersArrayType; key: number; followInProgress: number[]; followThunkCreator: () => void; unfollowThunkCreator: () => void; }' is not assignable to type 'IntrinsicAttributes & object'.
Property 'user' does not exist on type 'IntrinsicAttributes & object'.ts(2322)
Как можно исправить эту ошибку?