通过npm获取错误的字体真棒图标

Question

我正在尝试升级字体真棒图标。当前BellIcon组件返回此font awesome icon，在我希望它返回this icon的地方。我做错了什么以及如何导入正确的图标？谢谢。

组件：

import React from 'react';
import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
import {faBell} from '@fortawesome/pro-solid-svg-icons';

const BellIcon = () => {
  return (
    <FontAwesomeIcon icon={faBell} />
  );
};

export default BellIcon;

Package.json：

{
  "name": "app",
  "devDependencies": {
    "@fortawesome/fontawesome-pro": "^5.2.0",
    ...
  },
  "dependencies": {
    "@fortawesome/fontawesome": "^1.1.8",
    "@fortawesome/fontawesome-svg-core": "^1.2.0-14",
    "@fortawesome/free-brands-svg-icons": "^5.1.0-11",
    "@fortawesome/free-regular-svg-icons": "^5.1.0-11",
    "@fortawesome/free-solid-svg-icons": "^5.1.0-11",
    "@fortawesome/pro-light-svg-icons": "^5.1.0-11",
    "@fortawesome/pro-regular-svg-icons": "^5.1.0-11",
    "@fortawesome/pro-solid-svg-icons": "^5.1.0-11",
    "@fortawesome/react-fontawesome": "0.1.0-11",
    ...
  },
}