I have just started learning reactjs and I am facing an issue while trying to add a material icon in my code. Every time I do that, it gives me an error message saying ss of errorInvalid hook cell
Navbaar.js
import React from 'react'
import "./navbaar.css"
import SearchIcon from '@mui/icons-material/Search';
const Navbaar = () => {
return (
<header>
<nav>
<div className='left'>
<div className='navlogo'>
<img src="https://www.thesun.co.uk/wp-content/uploads/2022/02/Amazon-Logo-1024x426-1.png? strip=all&w=960" alt="logo" />
</div>
<div className="nav_searchbaar">
<input type="text" name="" id="" />
<div className="search_icon">
<SearchIcon />
</div>
</div>
</div>
<div className="right">
</div>
</nav>
</header>
)
}
export default Navbaar