ReactJS Material UI如何防止自动完成更改值

import React, { useState } from "react";
import TextField from "@mui/material/TextField";
import Autocomplete from "@mui/material/Autocomplete";

const options = ["Option 1", "Option 2", "Option 3"];

export default function App() {
  const [inputValue, setInputValue] = useState("");
  const [selectedValue, setSelectedValue] = useState(null);

  const handleInputChange = (event, value) => {
    setInputValue(value);
  };

  const handleChange = (event, value) => {
    setSelectedValue(value);
  };

  return (
    <Autocomplete
      options={options}
      inputValue={inputValue}
      onInputChange={handleInputChange}
      onChange={handleChange}
      value={selectedValue}
      renderInput={(params) => (
        <TextField
          {...params}
          label="Choose an option"
          variant="outlined"
        />
      )}
    />
  );
}