lucide icons

components/Menu/Menu.tsx

@@ -6,6 +6,7 @@ import MenuItem from "../MenuItem";
 import ThemeToggle from "../ThemeToggle";
 import { menuItems } from "../../lib/config/menu";
 import type { ComponentPropsWithoutRef } from "react";
+import type { LucideIcon } from "lucide-react";
 
 import styles from "./Menu.module.css";
 
@@ -28,7 +29,7 @@ const Menu = ({ className, ...rest }: MenuProps) => {
       })}
 
       <li className={styles.menuItem}>
-        <MenuItem icon={ThemeToggle} />
+        <MenuItem icon={ThemeToggle as LucideIcon} />
       </li>
     </ul>
   );