我不能使用skycons在reactjs中呈现图标数组

npm install @fortawesome/react-fontawesome @fortawesome/free-solid-svg-icons

import React from 'react';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faCoffee, faMusic, faCamera } from '@fortawesome/free-solid-svg-icons';

const IconArray = () => {
  return (
    <div>
      <FontAwesomeIcon icon={faCoffee} />
      <FontAwesomeIcon icon={faMusic} />
      <FontAwesomeIcon icon={faCamera} />
    </div>
  );
};

export default IconArray;

import React from 'react';
import CoffeeIcon from './icons/coffee.svg';
import MusicIcon from './icons/music.svg';
import CameraIcon from './icons/camera.svg';

const IconArray = () => {
  return (
    <div>
      <img src={CoffeeIcon} alt="Coffee Icon" />
      <img src={MusicIcon} alt="Music Icon" />
      <img src={CameraIcon} alt="Camera Icon" />
    </div>
  );
};

export default IconArray;