Я хочу включить несколько Font-Awesome Icons в мой проект Next.js. Я добавил необходимый тег
<script src="https://kit.fontawesome.com/xxxxxxxx.js" crossorigin="anonymous"></script>
в свою голову, а затем тег
<i className="fas fa-arrow-right"></i>
в метод визуализации. Если я открываю веб-сайт в своем браузере, он выдает мне следующее консольное предупреждение:
index.js: 1 Предупреждение: дополнительные атрибуты с сервера: aria-hidden
и
<i className="fas fa-arrow-right"></i>
переключается на
<i className="fas fa-arrow-right" aria-hidden="true"></i>
Я уже пробовал пакет Reaction-Fontawesome, но, похоже, он не работает с SSR. Добавление
aria-hidden="false"
вручную также не исправило это.
Я думаю, что это проблема с SSR, но я не смог найти хорошее решение или альтернативу для этого.