From 029df83878f97767c10b2e392ac2ac10a429dace Mon Sep 17 00:00:00 2001
From: Oliver <oliver.henry.walters@gmail.com>
Date: Wed, 4 Sep 2024 15:17:22 +1000
Subject: [PATCH] Handle null or undefined TextField values (#8066)

- Replace with empty string
---
 src/frontend/src/components/forms/fields/TextField.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/components/forms/fields/TextField.tsx b/src/frontend/src/components/forms/fields/TextField.tsx
index 513f71e63f..0445d4feaa 100644
--- a/src/frontend/src/components/forms/fields/TextField.tsx
+++ b/src/frontend/src/components/forms/fields/TextField.tsx
@@ -28,11 +28,12 @@ export default function TextField({
 
   const { value } = field;
 
-  const [rawText, setRawText] = useState(value);
+  const [rawText, setRawText] = useState<string>(value || '');
+
   const [debouncedText] = useDebouncedValue(rawText, 250);
 
   useEffect(() => {
-    setRawText(value);
+    setRawText(value || '');
   }, [value]);
 
   const onTextChange = useCallback((value: any) => {