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) => {