how to deal with a broken react image

reactImage

const MyCard = (props) => {
  const { item } = props;
  const defaultImgUrl = 'path to image'
  const handleError = (event) => {
    event.target.src = defaultImgUrl;
  };
  
  return (
    <div>
      <h1>item.name</h1>
      <img src={item.img} onError={handleError} />
      <p>{item.description}</p>
    </div>
  )
}