How to use the react-icons.IconsManifest.map function in react-icons

function App() {
  const [searchText, setSearchText] = useState("");

  return (
    
      <div>
        
        <div>
          
        </div>
      </div>
    
  );
}

className="btn-close"
        aria-label="Close Search"
        onClick={closeSearch}
      >
        ✕
      
      {searchText.length > 2 ? (
        <>
          <h1>
            <span aria-label="Magnifying Glass" role="img">
              🔍
            </span>
            Search: <i>{searchText}</i>
          </h1>
          <div>
            {IconsManifest.map(icon =&gt; (
              
            ))}
          </div>
        
      ) : (
        <h1>Please enter at least 3 characters to search...</h1>
      )}
    
  );
}

<input placeholder="Search Icons" value="{searchText}" type="text">
      
      <ul>
        <li>
          
            Home
          
        </li>
        {IconsManifest.map(icon =&gt; (
          <li>
            {icon.name}
          </li>
        ))}
      </ul>
    
  );
}