ЯсноПонятно24

предыдущее задание ошибка../app/src/app/index.tsx(7,43): error TS2345: Argument of type '({ isAuth, needAuthText }: LikeButtonProps) => JSX.Element' is not assignable to parameter of type 'ComponentType<{ isAuth: boolean; }>'. Type '({ isAuth, needAuthText }: LikeButtonProps) => JSX.Element' is not assignable to type 'FunctionComponent<{ isAuth: boolean; }>'. Types of parameters '__0' and 'props' are incompatible. Property 'needAuthText' is missing in type '{ isAuth: boolean; }' but required in type 'LikeButtonProps'. ../app/src/app/index.tsx(8,44): error TS2345: Argument of type '({ isAuth, needAuthText }: ShareButtonProps) => JSX.Element' is not assignable to parameter of type 'ComponentType<{ isAuth: boolean; }>'. Type '({ isAuth, needAuthText }: ShareButtonProps) => JSX.Element' is not assignable to type 'FunctionComponent<{ isAuth: boolean; }>'. Types of parameters '__0' and 'props' are incompatible. Property 'needAuthText' is missing in type '{ isAuth: boolean; }' but required in type 'ShareButtonProps'. как исправить если app import './styles.css'; import {useState} from 'react'; import {ShareButton} from '../components/ShareButton/ShareButton'; import {LikeButton} from '../components/LikeButton/LikeButton'; import {withAuthButton} from '../hocs/withAuth'; const WithAuthLikeButton = withAuthButton(LikeButton); const WithAuthShareButton = withAuthButton(ShareButton); export const App = () => { const [isAuth, setIsAuth] = useState<boolean>(false); const toggleLogin = () => { setIsAuth(!isAuth); } return ( <div> <button className='auth-button' onClick={toggleLogin}> { isAuth ? 'Выйти' : 'Войти' } </button> <div className='card-container'> <div className='card'> Здесь должна быть умная мысль </div> <div className='like-share-container'> <WithAuthLikeButton isAuth={isAuth}/> <WithAuthShareButton isAuth={isAuth} /> </div> </div> </div> ) }