Tengo algunos problemas con Vue 3 y TypeScript. Tenía una propiedad 'usuario' que era una cadena, y devolví el objeto del backend, por lo que se rompió, cambié el tipo de propiedad a objeto pero sigo recibiendo un error como:
No capturado (en promesa) TypeError: no se pueden leer las propiedades de nulo (leyendo 'correo electrónico')
Así es como lo estoy llamando al frente.
{{ item.user.email }}En realidad, está en v-for, los bienes inmuebles son elementos (matriz ofc)
Así que en accesorios era String, y lo cambié a objeto, así:
props: { user: { type: Object, default: undefined },Y tengo un transformador como:
const gTransformer = (data: GResponse[]): CARD[] => { console.info(data) return data.map((element, index): CARD => ({ id: element.id, status: element.status, created_at: moment(element.created_at).toDate(), updated_at: moment(element.updated_at).toDate(), user: element.user }) ) }Y así es como se ve la interfaz de GResponse:
export interface GResponse { id: number; status: number; user: any; created_at: string, updated_at: string }y la interfaz CARD es como:
export interface GiftCard { id: number; status: SomeEnum, user: any; created_at: Date, updated_at: Date }¿Qué estoy haciendo mal aquí?