状況

svgを描画する方法を<Image>を使うやり方方svgrを使用するやり方に変えた

svgコンポーネントをラップしている<div>コンテナのclassNameを変更したところ、反映されなかった

 <div className="bg-primary p-2.5 rounded-md">
    <Pen className="h-4 w-4 text-foreground" alt="pen" />
  </div>

確認した状況

• 上記コードで<div>のp-2.5を変更したところ反映されない
• npm run devで再起動すると反映される
• 開発ツールで直接値を変更すると反映される

対処

どうやらTurbopackとの相性が悪いらしく、Turbopackを無効化するくらいしかなさそう

このプロジェクトではstorybookを使用しているので（storybookはvite）、UIを変更する際はstrorybookを使用することで回避する