Así que estoy creando una aplicación usando la API de base de datos de películas y tengo este componente Actor al que paso la identificación del actor y cuando trato de usar esa identificación para vincular a la página web de la persona, por alguna razón, estoy pasando un objeto en su lugar. Estoy tratando de pasar el número, ¿hay alguna forma de hacerlo?

 import React from 'react'; // Styles import { Wrapper, Image } from './Actor.style' import { Link } from 'react-router-dom'; const Actor = ({name, character, imageUrl, personId}) => { console.log(personId); return( <Wrapper> <Link to={`/person/${personId}`}> <Image src={imageUrl} alt='actor-thumb' /> </Link> <h3>{name}</h3> <p>{character}</p> </Wrapper> ) }

Exportar actor predeterminado;

Así que tengo estos componentes de salida a la pantalla:

Y cuando hago clic en uno de ellos me sale este error: