How to import and loop over all icons?

[hitecSmartHome]

This throws an error

import * as lucide from "lucide-react";

const filteredIcons = useMemo(() => {
      return Object.entries(lucide)
          .filter(([name, component]: any) => name.includes("Icon") && !!component.render)
          .filter(([name]) => name.toLowerCase().includes(searchTerm.toLowerCase()));
  }, [searchTerm]);
  
  {filteredIcons.map(([name, Icon]) => (
    <button key={name}>
        <div className="flex aspect-square items-center justify-center rounded-md border p-2">
            <Icon />
        </div>
    </button>
))}