From 522ceb3a07a985541c2e9a16e964ff6fd1a4d3e9 Mon Sep 17 00:00:00 2001
From: Michael Hudson Nkotagu <mnkotagu@gmail.com>
Date: Thu, 21 Nov 2024 14:34:44 +0300
Subject: [PATCH] fix: Fix failing build due to import of tsx component in js
 payload collections

---
 .../src/payload/components/allowedAppSelect/index.tsx         | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/civicsignalblog/src/payload/components/allowedAppSelect/index.tsx b/apps/civicsignalblog/src/payload/components/allowedAppSelect/index.tsx
index a14502595..821ac4433 100644
--- a/apps/civicsignalblog/src/payload/components/allowedAppSelect/index.tsx
+++ b/apps/civicsignalblog/src/payload/components/allowedAppSelect/index.tsx
@@ -6,7 +6,7 @@ import applications from "#civicsignalblog/payload/lib/data/common/applications"
 
 function CustomSelectComponent({ path, label }) {
   const { user } = useAuth();
-  const { value, setValue } = useField<string>({ path });
+  const { value, setValue } = useField({ path });
   const [options, setOptions] = useState([]);
 
   useEffect(() => {
@@ -32,7 +32,7 @@ function CustomSelectComponent({ path, label }) {
         path={path}
         name={path}
         options={options}
-        value={value}
+        value={String(value ?? "")}
         onChange={(e) => setValue(e.value)}
       />
     </div>