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;

反応アイコンから FaBar または Fabeer をインポートするにはどうすればよいですか??

反応アイコンも更新しました