import DefaultUserSVG from '../assets/dashboard/user.svg';

<Image
  src={
    getImageURL(data?.user.userInfo?.image) || DefaultUserSVG
  }
  onError={(e) => {
    e.currentTarget.onerror = null;
    e.currentTarget.src = DefaultUserSVG;
  }}
  alt={''}
  width={60}
  height={60}
  className="h-10 w-10 rounded-full"
/>

If I set src={DefaultUserSVG} it works but setting via onError callback cause src to look something like src="[object Object]". How to solve?
Also how can I show a placeholder image if image loading is failed? Is above implementation correct?