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

как исправить 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); // const WithAuthLikeButton = withAuthButton(LikeButton, { needAuthText: 'Текст для авторизованных пользователей' }); // const WithAuthShareButton = withAuthButton(ShareButton, { needAuthText: 'Текст для авторизованных пользователей' }); 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} needAuthText='Необходима авторизация'/> <WithAuthShareButton isAuth={isAuth} needAuthText='Необходима авторизация'/> </div> </div> </div> ) } если interface ShareButtonProps { isAuth: boolean needAuthText: string } export const ShareButton = ({isAuth, needAuthText}: ShareButtonProps) => { const onClick = () => { alert('Вы успешно поделились картинкой') } return ( <> { isAuth ? <button onClick={onClick}>Поставить лайк</button> : <div>{needAuthText}</div> } </> ) } interface LikeButtonProps { isAuth: boolean needAuthText: string } export const LikeButton = ({isAuth, needAuthText}: LikeButtonProps) => { const onClick = () => { alert('Вы успешно поставили лайк') } return ( <> { isAuth ? <button onClick={onClick}>Поставить лайк</button> : <div>{needAuthText}</div> } </> ) }