TODOリストvalueが反応しません。

前提・実現したいこと

TODOリストの追加ボタンを押した際に記入したものが追加していくシステム。
ここに質問の内容を詳しく書いてください。
TypeScript + ReactでTODOリストを作成中なのですが
、追加ボタン押しても下に追加されません。
デベロッパーツールでも確認しましたが、hooksのvalueのところでうまく機能していないみたいでした。

発生している問題・エラーメッセージ

'newTodo' is assigned a value but never used  @typescript-eslint/no-unused-vars

該当のソースコード

TypeScript
1import React, { useState } from 'react';
2import ReactDOM from 'react-dom';
3
4//string型のvalueというプロパティを持つ
5interface Todo {
6  value: string;
7  id: number;
8}
9
10const App: React.VFC = () => {
11  /**
12   * text = ステート値
13   * setText = ステートの値を更新するメソッド
14   */
15const [text, setText] = useState('');
16
17const [todos, setTodos] = useState<Todo[]>([]);
18
19// todos ステートを更新する関数
20const handleOnSubmit = (
21  e: React.FormEvent<HTMLFormElement | HTMLInputElement>
22) => {
23  e.preventDefault();
24
25  //何も入力されていなかったらリターン
26  if (!text) return;
27
28  //新しい Todo　を作成
29  const newTodo: Todo = {
30    value: text,
31    /**
32     * Todo の型定義により
33     * number 型の id プロパティが必要になった
34     */ 
35    id: new Date().getTime(),
36  };
37
38
39  /**
40   * スプレット構文を用いて todos ステートのコピーへ newTodo を追加する
41   * 
42   * 以下と同義
43   * const oldTodos = todos.slice();
44   * setTodos(oldTodos.splice(0,0,newTodo));
45   */
46  
47  //フォームへの入力をクリアするc
48  setText('');
49};
50  const handleOnEdit = (id: Number, value: string) => {
51
52    /**
53     * 引数として渡された todo の id　が一致する
54     * todos ステート（のコピー）内の todo の
55     * value プロパエィを因数 value に書き換える
56     */
57    const newTodos = todos.map((todo) => {
58      if (todo.id === id) {
59        todo.value = value;
60      }
61      return todo;
62    });
63
64  // todos ステートを更新
65  setTodos(newTodos);
66  };
67
68
69  return (
70    <div>
71      {/* // コールバックとして(e: Event) => handleSubmit(e)を渡す}*/}
72      <form onSubmit={(e) => handleOnSubmit(e)}>
73        {/*
74           入力中テキストの値を text ステートが
75           持っているのでそれを value として表示
76
77           onChange イベント(=入力テキストの変化)を
78           text ステートに反映する
79        */}
80        <input type="text" value={text} onChange={(e) => setText(e.target.value)} />
81        {/* 上に同じ */}
82        {/* 下　名前がないエラー */}
83        {/* <button onClick={() => handleOnClick()}>追加</button> */}
84        <button>追加</button>
85      </form>
86      <ul>
87        {todos.map((todo) => {
88          return ( 
89           <li key={todo.id}>
90            <input 
91              type="text" value={todo.value} onChange={(e) => handleOnEdit(todo.id, e.target.value)} 
92            />
93           </li>
94          );
95        })}
96      </ul>
97    </div>
98  );
99};
100
101ReactDOM.render(<App />, document.getElementById('root'));