diff --git a/src/client/dd-hub-react/src/sections/document/view/create-filter-modal.tsx b/src/client/dd-hub-react/src/sections/document/view/create-filter-modal.tsx
index 5b1fa50..03104d3 100644
--- a/src/client/dd-hub-react/src/sections/document/view/create-filter-modal.tsx
+++ b/src/client/dd-hub-react/src/sections/document/view/create-filter-modal.tsx
@@ -27,15 +27,15 @@ type ModalProps = {
 }
 
 export default function CreateFilterModal({ open, handleClose }: ModalProps) {
-  const [name, setName] = useState<string | undefined>(undefined);
-  const [label, setLabel] = useState<string | undefined>(undefined);
-  const [selectedType, setSelectedType] = useState<Type | undefined>(undefined);
+  const [name, setName] = useState<string | undefined>('');
+  const [label, setLabel] = useState<string | undefined>('');
+  const [selectedType, setSelectedType] = useState<Type | null>(null);
 
   function closeReset() {
     handleClose();
-    setName(undefined);
-    setLabel(undefined)
-    setSelectedType(undefined)
+    setName('');
+    setLabel('')
+    setSelectedType(null)
   }
 
   async function tryCreateFilter(): Promise<any> {
@@ -65,7 +65,7 @@ export default function CreateFilterModal({ open, handleClose }: ModalProps) {
             disablePortal
             options={filterTypes}
             value={selectedType}
-            onChange={(event, newValue) => setSelectedType(newValue ?? undefined)}
+            onChange={(event, newValue) => setSelectedType(newValue)}
             renderInput={params => <TextField {...params} label="Type" variant="filled" />}
           />
           <Button