Aquí hay un componente:

 import { useAppSelector } from "../../hooks"; import IUser from "../../models/user"; const Header: FC = () => { const [btn, setBtn] = useState(false); const user: IUser | null = useAppSelector( state => state.user ); const btn_click = () => { setBtn(!btn); } console.log(user, "user"); // consoles.log( { _id: 2452345, name: "Eldar" } ) return( <div> { user ? <button className={ style.header__button } }> { user.name } </button> : <button className={ style.header__button } onClick={ () => btn_click() }> Reg </button> } { btn && <ModalWrapper> <SignIn/> </ModalWrapper> } </div> ) } export default Header

Me encanta el mecanografiado, pero cuando termino con esos errores, me vuelve loco. Básicamente dependiendo de que un usuario quiera poner este o aquel botón. Por lo tanto, hay user ? luego, en un botón donde el usuario ha iniciado sesión, quiero poner el nombre de los usuarios, pero me da un error como

La propiedad 'nombre' no existe en el tipo 'nunca'

Debería funcionar de cualquier manera si hay un usuario o no, pero incluso si hay un usuario me da este error.

usuario modelo a continuación

 export default interface IUser { _id: string, name: string }