React（Next.js）で画像がリンク切れの時に代替画像を表示する

<img
  src={画像のパス}
  alt={画像の代替テキスト}
  onError={e => {
    // src属性に指定した画像のURLが404エラー等で取得できない場合、no photo用の画像を表示させる
    e.target.onError = null; // 下記画像が取得できない場合の無限ループを防ぐため、nullを代入
    e.target.src = '/images/common/nophoto.png';
  }}
/>