Ошибка в 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)

Как можно исправить эту ошибку?


Ответы (0 шт):