From 42fb081c848d8041cabbafaf03ef09773789a62b Mon Sep 17 00:00:00 2001
From: "Mr. Dwarkesh Purohit" <dwarkeshpurohit8@gmail.com>
Date: Tue, 7 Jan 2025 11:33:05 +0530
Subject: [PATCH] fix: resolve type error in select component Chakra styles

fix: resolve type error in select component Chakra styles

- Updated utils.ts to explicitly cast `state.selectProps.size` to `Size | undefined` in `getValueContainerStyles` and `getSingleValueStyles`.
- Fixed TypeScript compatibility issues related to `SizeProp` and `Size` types.
- Ensured proper typing for Chakra styles in the select component.

This fix addresses TypeScript errors during `npx tsc --noEmit` and improves type safety.
---
 ui/shared/forms/inputs/select/utils.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/shared/forms/inputs/select/utils.ts b/ui/shared/forms/inputs/select/utils.ts
index ac9eb1b830..bd1e0837a5 100644
--- a/ui/shared/forms/inputs/select/utils.ts
+++ b/ui/shared/forms/inputs/select/utils.ts
@@ -59,14 +59,14 @@ const getChakraStyles: (colorMode: ColorMode) => ChakraStylesConfig<Option> = (c
     }),
     valueContainer: (provided, state) => ({
       ...provided,
-      ...getValueContainerStyles(state.selectProps.size),
+      ...getValueContainerStyles(state.selectProps.size as Size | undefined), // Explicitly cast here
       py: 0,
     }),
     singleValue: (provided, state) => ({
       ...provided,
       mx: 0,
       transform: 'none',
-      ...getSingleValueStyles(state.selectProps.size),
+      ...getSingleValueStyles(state.selectProps.size as Size | undefined), // Explicitly cast here
     }),
   };
 };