Estoy tratando de hacer una vista detallada de los proyectos, pero cuando filtro los datos para obtener el proyecto en el que hice clic no funciona, cuando consuelo projectData y projectId salen perfectamente cuando uso const project = ProjectData.find((project) => project.id === projectId) proyecto aparece como indefinido.

 import React, {useState} from 'react' import { Link, useParams } from 'react-router-dom' import { ProjectData } from '../data/ProjectData'; const ProjectDetail = () => { const { projectId } = useParams() const project = ProjectData.find((project) => project.id === projectId) const {description, title, path, label, image, alt, beds, baths, area} = project return ( <div> <div> <h1>{project.title}</h1> </div> </div> ) } export default ProjectDetail