reactjs - 尝试导入 react-icons 元素时显示 react-icons 导入错误

Question

我是 reactjs 新手，正在尝试从 react-icons 导入 faBar 元素，但是出现以下错误：

这是我的代码：

import React from "react";
import { FaBeer } from "react-icons/fa";
import {
  Nav,
  NavbarContainer,
  NavLogo,
  MobileIcon,
  NavMenu,
  NavItem,
  NavLinks,
} from "./NavbarElements";

const Navbar = () => {
  return (
    <>
      <Nav>
        <NavbarContainer>
          <NavLogo to="/">TataSteel</NavLogo>
          <MobileIcon>
            <FaBeer />
          </MobileIcon>
          <NavMenu>
            <NavItem>
              <NavLinks to="about">About</NavLinks>
            </NavItem>
          </NavMenu>
        </NavbarContainer>
      </Nav>
    </>
  );
};

export default Navbar;

如何从 react-icons 导入 FaBar 或 Fabeer？

我还更新了反应图标