无法使用react typescript中的动态键访问状态值

interface MyState {
  [key: string]: string;
}

const MyComponent: React.FC = () => {
  const [state, setState] = useState<MyState>({});

  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
    const { name, value } = e.target;
    setState((prevState) => ({
      ...prevState,
      [name]: value,
    }));
  };

  return (
    <div>
      <input
        type="text"
        name="key1"
        value={state['key1'] || ''}
        onChange={handleInputChange}
      />
      <input
        type="text"
        name="key2"
        value={state['key2'] || ''}
        onChange={handleInputChange}
      />
    </div>
  );
};