From d7b4d5932d8754768b4c2e9b1f9975c7e33c43db Mon Sep 17 00:00:00 2001
From: Hariom Balhara <hariombalhara@gmail.com>
Date: Sat, 18 Feb 2023 21:23:14 +0530
Subject: [PATCH] Avoid theme not ready causing the select to not render
 (#7194)

---
 apps/web/components/ui/form/Select.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/web/components/ui/form/Select.tsx b/apps/web/components/ui/form/Select.tsx
index 2005ab60a0..d035a5beee 100644
--- a/apps/web/components/ui/form/Select.tsx
+++ b/apps/web/components/ui/form/Select.tsx
@@ -29,7 +29,7 @@ function Select<
   IsMulti extends boolean = false,
   Group extends GroupBase<Option> = GroupBase<Option>
 >({ className, ...props }: SelectProps<Option, IsMulti, Group>) {
-  const { resolvedTheme, forcedTheme, isReady } = useTheme();
+  const { resolvedTheme, forcedTheme /*isReady*/ } = useTheme();
   const hasDarkTheme = !forcedTheme && resolvedTheme === "dark";
   const darkThemeColors = {
     /** Dark Theme starts */
@@ -74,9 +74,9 @@ function Select<
   };
 
   // Till we know in JS the theme is ready, we can't render react-select as it would render with light theme instead
-  if (!isReady) {
-    return <input type="text" className={className} />;
-  }
+  // if (!isReady) {
+  //   return <input type="text" className={className} />;
+  // }
   return (
     <ReactSelect
       theme={(theme) => ({