找不到按id搜索的匹配对象数组

我使用了一个定制的钩子,我想显示一个由特定id匹配的项目,我尝试了多种方法,但没有成功。这是我的代码:

const SingleServiceDetail=()=>{

const {idOfService} = useParams();
const [data] = useCustom();

const singleItem = data.find(element =>element._id === idOfService);
console.log(singleItem);
return (
    <div>
        <h2>You have Choosed :{idOfService}</h2>
        {/* <p>{singleItem.name}</p> */}
    </div>
);

};