更新React组件的多个实例的值返回.map不是函数

import React, { useState } from "react";

const MyComponent = () => {
  const [values, setValues] = useState(["value1", "value2", "value3"]);

  const updateValue = (index, newValue) => {
    setValues((prevValues) => {
      const updatedValues = [...prevValues];
      updatedValues[index] = newValue;
      return updatedValues;
    });
  };

  return (
    <div>
      {values.map((value, index) => (
        <input
          key={index}
          value={value}
          onChange={(e) => updateValue(index, e.target.value)}
        />
      ))}
    </div>
  );
};

export default MyComponent;