【React】オブジェクトにkey名と同じ変数をセットしたらエラーが出た

Youtubeを参考にTypeScriptを使ってReactのTodoアプリを作成していたところ、エラーExpected property shorthand object-shorthandに遭遇した。
エラー：

原因はhandleSubmitのnewTodoでinputValue: inputValue,としているのがいけなかった模様。変数名がキー名と同じである場合、キー名を記入してはいけないらしい。

なおコードは以下の通り。

App.tsx

const [inputValue, setInputValue] = useState('');

...

interface Todo {
  inputValue: string;
  id: number;
  completed: boolean;
}
  
...

const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
  e.preventDefault();
  const newTodo: Todo = {
    inputValue: inputValue,
    id: inputValue.length,
    completed: false,
  };
  setTodos([newTodo, ...todos]);
  setInputValue('');
};

参考：エラー「Expected property shorthand object-shorthand」の対処方法