Estoy tratando de agregar un ícono de fontawesome en mi proyecto de reacción js pero obtengo un error.

 npm version: 8.1.4 node version: 17.2.0 ├─┬ @fortawesome/react-fontawesome@0.1.16 │ └── react@17.0.2 deduped ├─┬ @testing-library/react@11.2.7 │ └── react@17.0.2 deduped ├─┬ react-dom@17.0.2 │ └── react@17.0.2 deduped ├─┬ react-icons@4.3.1 │ └── react@17.0.2 deduped ├─┬ react-scripts@4.0.3 │ └── react@17.0.2 deduped └── react@17.0.2

Quiero agregar dos íconos de corazón en mi proyecto. Uno es sólido y el otro es regular. El código es para los iconos del corazón son:

 <i class="far fa-heart"></i> <i class="fas fa-heart"></i>

En mi proyecto react.js, un componente de clase que he declarado llamado Me gusta, y el código se muestra a continuación:

 import React from 'react'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import { faHeart } from '@fortawesome/free-regular-svg-icons'; class Like extends React.Component { render() { return <FontAwesomeIcon icon={['fas', 'faHeart']}></FontAwesomeIcon>; } } export default Like;

Recibo este error: Could not find icon {prefix: 'fas', iconName: 'faHeart'}

Si uso return <FontAwesomeIcon icon={faHeart}></FontAwesomeIcon>; luego se resolvió, pero necesito agregar los dos íconos: el prefijo es fas y el otro es fas .

¿Cómo puedo hacer eso? Por favor, ayúdame. Soy nuevo en React.js.