「型 'StaticImageData' を型 'string' に割り当てることはできません。」エラー対処法

Next.jsで画像を設定しようとしたとき、以下のエラーが発生する場合の対処方法です。

型 'StaticImageData' を型 'string' に割り当てることはできません。ts(2322)

import blog from '../../images/blog.png';

<img src={blog} className="h-10 w-10" alt="" />

解決方法

xxx.srcと記述します。かんたん。

import blog from '../../images/blog.png';

<img src={blog.src} className="h-10 w-10" alt="" />