材质 UI 自动完成 onInputChange（） 在首次挂载组件并给出输入时调用两次

问：

我的 Material UI 自动完成组件如下所示：

<Autocomplete
      open={!!value || !!inputValue}
      getOptionLabel={(option) =>
        typeof option === "string" ? option : option.suggestion
      }
      filterOptions={(x) => x}
      forcePopupIcon={false}
      options={options}
      autoComplete
      filterSelectedOptions
      value={value}
      onChange={(event: any, newValue: Suggestion | null) => {
        setOptions(newValue ? [newValue, ...options] : options);
        setValue(newValue);
      }}
      onInputChange={(event, newInputValue) => {
        console.log("onInputChange()");
        setInputValue(newInputValue);
      }}
      renderInput={(params) => (
        <TextField
          {...params}
          fullWidth
          label={!!value || !!inputValue ? "" : "Search a location"}
          focused
          autoFocus
          InputLabelProps={{ shrink: false }}
        />
      )}
      renderOption=<render-options>
    />

我注意到，当组件首次加载并给出输入时，在Chrome和Firefox上被调用了两次。它在 Safari 中仅调用一次。我想知道为什么会发生这种情况，我该如何解决它？onInputChange()