React.js で Font-awesome を使用したい。

Question

実現したいこと

React.js で Font-awesome を使用したい。

前提

React.js で Font-awesome を使用できません。 ドキュメントに従っているのですが、次のようなエラーが発生しました。

./src/components/xxx.js
Error: /Users/xxx/Desktop/my_app/my_project_frontend/src/components/xxx.js: @fortawesome/fontawesome-svg-core/import.macro: config license must be either 'free' or 'pro' Learn more: https://www.npmjs.com/package/@fortawesome/fontawesome-svg-core

ドキュメントのリンク

https://fontawesome.com/v6/docs/web/use-with/react/add-icons

インストール系はすでに済ませているのですが
おそらく
ドキュメントのbabel.config.js
の箇所でなにかおかしなことをしているのではないかと予想しています。

以下の写真が
babel.config.jsとbabel-plugin-macros.config.js なのですが
何かおかしなファイルの作り方をしているのでしょうか？

Answer 1

下記で代用できました。
https://react-icons.github.io/react-icons/