Can't resolve '@mui/icons-material/Reorder' in '/Users/user/Documents/my portfolio/web-site-1/src/components'

import React from 'react';
import Logo from '../assets/Logo.svg';
import { Link } from 'react-router-dom';
import '../styles/Navbar.css';
import {ReorderIcon} from '@mui/icons-material/Reorder';

function Navbar() {
    return (
        <div className="navbar">
            <div className="navLogo">
                <Link to="/"><img src={Logo} /></Link>
            </div>
            <div className="rightMenu">
            <Link className="link"  to="products">products</Link>
            <Link className="link"  to="story">story</Link>
            <Link className="link"  to="manufactoring">manufactoring</Link>
            <Link className="link" to="packaging">packaging</Link>
            </div>
            <button>
            <ReorderIcon />
            </button>
        </div>
    );
} 

export default Navbar;