Module not found: Can't resolve 'react-icons/Ai' in '/vercel/path0/src/components'. Error Hapen during deployment in Vercel

enter image description here

Here my code:

import Link from 'next/link' import { useState } from 'react' import Image from 'next/image' import { AiOutlineMenu, AiOutlineClose} from 'react-icons/Ai'; import Nav from './Nav' import styles from "@/styles/style.module.css" import Hamburger from './Hamburger'

export default function Header() { const [open, setOpen] = useState(false); return ( <header className={${styles.banner} ${styles.heding} px-4 py-4 bg-hero-banner bg-primary md:h-screen bg-cover bg-center relative}> {open ? : ''} <div className="fixed z-20 cursor-pointer right-5 top-7 md:hidden" onClick={ () => setOpen(!open) }> {open ? : }

How many English words
do you know?
Test your English vocabulary size, and measure
how many words do you know
Online Test
Powered by Examplum