Хелп, не получается типизировать компоненту в Реакте?

Question

[Удивленный Котейка]

Начал изучат тайпскрипт, с редюсерами худо-бедно разобрался но никак не могу типизировать компоненту
Вроде все сделал а вылазит такая ошибка. Что я не так сделал, никак не могу понять


Вот гитхаб моего проекта если кто то захочет посмотреть
https://github.com/IgorOsipov/social

import React from 'react'
import { Button, Card } from 'react-bootstrap';
import { NavLink } from "react-router-dom";
import avatar from '../../Img/no-avatar.png';
import { usersType } from '../../Types/types';

type Props = {
    user: usersType
    onUnfollowClick: () => void
    onFollowClick: () => void
    isAuth: boolean
    userId: number
    followingInProgress: Array<number>
}

const User: React.FC<Props> = ({user, onUnfollowClick, onFollowClick, isAuth, userId, followingInProgress}) => {
    return (
        <Card>
            <div className="cardInfo">
                <NavLink to={`profile/${user.id}`}><Card.Img variant="top" className="img-thumbnail" loading="lazy" src={user.photos.large || avatar} /></NavLink>
                {user.followed
                    ? <Button disabled={followingInProgress.some(id => id === user.id)}
                        onClick={() => { onUnfollowClick(user.id) }} variant="primary">Unfollow</Button>
                    : <Button disabled={followingInProgress.some(id => id === user.id) || (isAuth && user.id === userId)}
                        onClick={() => { onFollowClick(user.id) }} variant="primary">Follow</Button>
                }
            </div>

            <Card.Body>
                <Card.Title>{user.name}</Card.Title>
                <Card.Text>{user.status}</Card.Text>
            </Card.Body>
        </Card>
    )
}

export default User;

Comments

[WbICHA]

tsx

[Удивленный Котейка]

WbICHA, господи боже. Я неделю голову ломал, а оказывается формат файла не тот поставил. Каааапец. Спасибо огромное!!!!!!!!!!!!!!