Synapse port bug

1 files changed, 7 insertions, 3 deletions

diff --git a/synapse_topology/webui/src/js/components/PortSelection.jsx b/synapse_topology/webui/src/js/components/PortSelection.jsx
index 375a7f4c6a..d9c371949d 100644
--- a/synapse_topology/webui/src/js/components/PortSelection.jsx
+++ b/synapse_topology/webui/src/js/components/PortSelection.jsx
@@ -30,8 +30,8 @@ export default ({
 
     }
 
-    const [fedPort, setFedPort] = useState(defaultFedPort);
-    const [clientPort, setClientPort] = useState(defaultClientPort);
+    const [fedPort, setFedPort] = useState();
+    const [clientPort, setClientPort] = useState();
 
     const [clientPortValid, setClientPortValid] = useState(true)
     const [fedPortValid, setFedPortValid] = useState(true)
@@ -144,7 +144,11 @@ export default ({
                 <div>
                     <button
                         disabled={clientPortValid && fedPortValid ? undefined : true}
-                        onClick={() => onClick(parseInt(fedPort), parseInt(clientPort), toggle)}
+                        onClick={() => onClick(
+                            fedPort ? parseInt(fedPort) : defaultFedPort,
+                            clientPort ? parseInt(clientPort) : defaultClientPort,
+                            toggle,
+                        )}
                     >Verify These Ports</button>
                 </div>
             </Card.Body>