React + Vite環境でfont awesomeを使う

はじめに

• @fortawesome/react-fontawesome を使おうとしたがうまくかない

問題

• @fortawesome/react-fontawesomeを使おうとしたがimportのところでエラー

解決

• react-icons を使って解決

import {FaTrash} from 'react-icons/fa';

<FaTrash onClick={() => deleteRecord(id)} />

終わりに

• Vite環境だとBabelがデフォルトで入ってない？と思ったがそういうこともなさそうだが調べきれなかった。