Как при нажатии на кнопку найти пост по id

У меня есть база данных которая создает профиль с данными людей, и при клике нужно что бы он выбивал нужный профиль по ID

это сыллки разных профелей которую вывел через map

{persons.map((person)=> {
                        return (
                         <div key={person.id} onClick={} className="friend">
                            <div className="circleOnlineFriend"></div>
                            <div className="avaFriend">
                                <img className="imgAva" src={person.img} alt=""/>
                            </div>
                            <div className="friendName">{person.firstName + " " + person.lastName}</div>
                        </div>
                        )   
                    })}

а это сам профиль который вызываеться и должен находить нужный профиль здесь я использовал find для поиска по ID нужного акаунта

const params = useParams();
const prodId = params.id;
const person = persons.find(p=>p.id == prodId);
return (
                <div className="fourth" >
                <div className="profile">
                    <img className="imgProfile" src={person.img} alt=""  />
                </div>
    
                <div className="profileTitle" data-aos="new-animation">
                    <div className="profileItem">
                        <div className="profileName">{person.firstName + " " + person.lastName}</div>
                        <div className="profileOnline"></div>
                    </div>
    
                    <div className="subTitleText">{person.proffesion}</div>