如何防止在react-select中接受多个空格？

import React, { useState } from "react";
import Select from "react-select";

const MyComponent = () => {
  const [selectedOption, setSelectedOption] = useState(null);

  const handleInputChange = (inputValue, { action }) => {
    if (action === "input-change") {
      const formattedInputValue = inputValue.replace(/\s+/g, " ");
      setSelectedOption(formattedInputValue);
    }
  };

  return (
    <Select
      value={selectedOption}
      onInputChange={handleInputChange}
      // 其他属性
    />
  );
};

import React from "react";
import Select from "react-select";

class CustomSelect extends Select {
  handleChange(value, actionMeta) {
    if (actionMeta.action === "input-change") {
      const formattedValue = value.replace(/\s+/g, " ");
      super.handleChange(formattedValue, actionMeta);
    } else {
      super.handleChange(value, actionMeta);
    }
  }
}

export default CustomSelect;