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'; }} />