Hay varios elementos en la pantalla ya representados, cuando escribo en la barra de búsqueda, se crea un nuevo div con los elementos que coinciden con los resultados, pero quiero reducir los elementos reales que se muestran. Este es mi Search.js

 function Search() { const [searchTerm, setSearchTerm] = useState(""); return ( <div className="Search"> <input type="text" placeholder="Search" onChange={(e) => setSearchTerm(e.target.value)} /> {items .filter((val) => { if (searchTerm == "") { return 0; } else if ( val.name.toLowerCase().includes(searchTerm.toLowerCase()) ) { return val; } }) .map((val, key) => { return ( <div className="value" key={key}> {val.name}{" "} </div> ); })} </div> ); } export default Search;

Agradezco cualquier pista