Как запретить ввод пробела/пробела в поле ввода пароля | ReactJs

Здесь я предоставляю свой код, в котором я хочу вводить символы в поле ввода пароля, и я хочу не вводить в него пробел/пробел, но вместо этого он также входит внутрь него, когда я печатаю входное значение, тогда он не содержит пробел/пробел. Пожалуйста, помогите мне решить проблему.

Демо CodeSandBox

Код -

import React from "react";
import ReactDOM from "react-dom";
import "./styles.css";
import { Form, Input, Label } from "semantic-ui-react";

class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      inputFieldData: {
        pass: {
          val: "",
          error: false
        }
      }
    };
  }

  inputChange = e => {
    // prevent not to enter space charactes in password field while registering
    const re = /^\S*$/;
    let inputFieldData = this.state.inputFieldData;
    const name = e.target.name;
    if (re.test(e.target.value)) {
      inputFieldData[name]["val"] = e.target.value;
      console.info(e.target.value);
    }
    this.setState({ inputFieldData });
  };

  render() {
    const { inputFieldData } = this.state;

    return (
      <div className = "App">
        <h1>Input box does not contain space in it</h1>
        <h3>Input Value: {inputFieldData["pass"]["val"]}</h3>
        <Form className = "register-form">
          <Form.Field>
            <Input
              type = "password"
              icon = "user circle"
              name = "pass"
              iconPosition = "left"
              placeholder = "Enter Password"
              onChange = {this.inputChange}
              error = {inputFieldData["pass"]["error"]}
            />
            {inputFieldData["pass"]["error"] && (
              <Label basic color = "red" pointing>
                Field can not be empty
              </Label>
            )}
          </Form.Field>
        </Form>
      </div>
    );
  }
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);