const [botProps, setBotProps] = useState<{
    endpoint: string;
    port: any;
    secure: boolean;
  }>({
    endpoint: "",
    port: 0,
    secure: false,
  });

  const handleChange: ChangeEventHandler<HTMLInputElement> = (e) => {
    if (e.currentTarget.id === "endpoint")
      setBotProps({
        secure: botProps.secure,
        endpoint: e.target.value,
        port: botProps.secure,
      });
    if (e.currentTarget.id === "secure")
      setBotProps({
        endpoint: botProps.endpoint,
        secure: e.target.checked,
        port: botProps.port,
      });
    if (e.currentTarget.id === "port")
      setBotProps({
        endpoint: botProps.endpoint,
        secure: botProps.secure,
        port: e.target.value,
      });
  };