From 69beecb7bbe0c7e71ed1800c4e18f92cbeb22bbe Mon Sep 17 00:00:00 2001
From: Manav Rathi <manav@mrmr.io>
Date: Sat, 25 May 2024 05:53:19 +0530
Subject: [PATCH] tsc

Omit<...,"inherit"> doesn't resolve

    Element implicitly has an 'any' type because expression of type 'OverridableStringUnion<"error" | "inherit" | "secondary" | "primary" | "info" | "success" | "warning", ButtonPropsColorOverrides>' can't be used to index type 'Palette'.
      Property 'inherit' does not exist on type 'Palette'.
---
 web/packages/shared/components/OverflowMenu/option.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/packages/shared/components/OverflowMenu/option.tsx b/web/packages/shared/components/OverflowMenu/option.tsx
index 6e7986c1b7..8df14e174f 100644
--- a/web/packages/shared/components/OverflowMenu/option.tsx
+++ b/web/packages/shared/components/OverflowMenu/option.tsx
@@ -1,11 +1,11 @@
 import { FluidContainer } from "@ente/shared/components/Container";
-import { Box, MenuItem, Typography, type ButtonProps } from "@mui/material";
+import { Box, MenuItem, Typography } from "@mui/material";
 import React, { useContext } from "react";
 import { OverflowMenuContext } from "./context";
 
 interface Iprops {
     onClick: () => void;
-    color?: ButtonProps["color"];
+    color?: "primary" | "secondary" | "critical",
     startIcon?: React.ReactNode;
     endIcon?: React.ReactNode;
     keepOpenAfterClick?: boolean;
@@ -32,7 +32,7 @@ export function OverflowMenuOption({
             onClick={handleClick}
             sx={{
                 minWidth: 220,
-                color: (theme) => theme.palette[color].main,
+                color: (theme) => theme.palette[color]?.main,
                 padding: 1.5,
                 "& .MuiSvgIcon-root": {
                     fontSize: "20px",