diff --git a/src/frontend/src/modals/flowSettingsModal/index.tsx b/src/frontend/src/modals/flowSettingsModal/index.tsx
index e5750c3dd..898538af0 100644
--- a/src/frontend/src/modals/flowSettingsModal/index.tsx
+++ b/src/frontend/src/modals/flowSettingsModal/index.tsx
@@ -23,7 +23,7 @@ export default function FlowSettingsModal({
 
   const [name, setName] = useState(currentFlow!.name);
   const [description, setDescription] = useState(currentFlow!.description);
-  const [endpoint_name, setEndpointName] = useState(currentFlow!.endpoint_name);
+  const [endpoint_name, setEndpointName] = useState(currentFlow!.endpoint_name??"");
   const [isSaving, setIsSaving] = useState(false);
   const [disableSave, setDisableSave] = useState(true);
   function handleClick(): void {
@@ -31,7 +31,7 @@ export default function FlowSettingsModal({
     currentFlow!.name = name;
     currentFlow!.description = description;
     currentFlow!.endpoint_name =
-      endpoint_name && endpoint_name.length > 0 ? endpoint_name : undefined;
+      endpoint_name && endpoint_name.length > 0 ? endpoint_name : null;
     saveFlow(currentFlow!)
       ?.then(() => {
         setOpen(false);
@@ -58,11 +58,10 @@ export default function FlowSettingsModal({
   }, [flows]);
 
   useEffect(() => {
-    console.log(disableSave);
     if (
       (!nameLists.includes(name) && currentFlow?.name !== name) ||
       currentFlow?.description !== description ||
-      ((currentFlow?.endpoint_name ?? "" !== endpoint_name) &&
+      ((currentFlow?.endpoint_name??"") !== endpoint_name &&
         isEndpointNameValid(endpoint_name ?? "", 50))
     ) {
       setDisableSave(false);
diff --git a/src/frontend/src/types/components/index.ts b/src/frontend/src/types/components/index.ts
index 992c012bd..bc8e7b544 100644
--- a/src/frontend/src/types/components/index.ts
+++ b/src/frontend/src/types/components/index.ts
@@ -303,7 +303,7 @@ export type IconComponentProps = {
 export type InputProps = {
   name: string | null;
   description: string | null;
-  endpointName?: string;
+  endpointName?: string|null;
   maxLength?: number;
   setName?: (name: string) => void;
   setDescription?: (description: string) => void;
diff --git a/src/frontend/src/types/flow/index.ts b/src/frontend/src/types/flow/index.ts
index 95e04f5b2..3f297f115 100644
--- a/src/frontend/src/types/flow/index.ts
+++ b/src/frontend/src/types/flow/index.ts
@@ -7,7 +7,7 @@ export type FlowType = {
   id: string;
   data: ReactFlowJsonObject | null;
   description: string;
-  endpoint_name?: string;
+  endpoint_name?: string|null;
   style?: FlowStyleType;
   is_component?: boolean;
   last_tested_version?: string;