Todoリストの追加ができない

todoリスト作成中に予期せぬエラーが起きました、

todoリストに記入をし、
リスト追加ボタンを押しても、文字が消えます

特にエラーも見当たらず、困っています

デベロッパーツールを入れ、見てみたのですが、
何が何だか全然わかりません。

console.logでvalueを調べたところ
handleSubmitの値が取れていないことが分かりました

送信ボタンを押すとreact-dom-development.jsでエラーが起きます

import React,{useState} from 'react';
import 'bootstrap/dist/css/bootstrap.min.css';
import './App.css';
import { Container, Form,InputGroup,Input, InputGroupAddon, Button, Table} from 'reactstrap';
function App() {
  const [value, setValue] =useState('')
  const [todos, setTodos]= useState([])

  const handleSubmit = e=>{
    e.preventDefalut()
    addTodo(value)
  }
  const addTodo = text =>{
    const newTodos =[...todos, text]
    setTodos(newTodos)
  }
  return (
    <div className="App">
      <Container>
        <h1 className="mt-4">To do リスト</h1>
        <Form onSubmit={handleSubmit}>
          <InputGroup>
          <Input type ="text"
          value={value}
          onChange={e => setValue(e.target.value)}/>
          <InputGroupAddon addonType="append">
            <Button type ="submit" color="primary">追加</Button>
          </InputGroupAddon>　　上を  type ="button"にしたらメッセージの送信ができません
          </InputGroup>
        </Form>
      </Container>
      <Container>
        <Table>
          <tbody>
            {todos && todos.map((todo, index) =>(
          <tr key ={index}>
              <th className="text-left">
                {todo}
              </th>
              <td>
                <Button color="danger">削除</Button>
              </td>
            </tr>
          ))}
          </tbody>
        </Table>
      </Container>
    </div>
  );
}

export default App;

特にまだいじっていないので、

ブートストラップをアンインストールしてからまた入れ直したり
npm i -S reactstrap

ファイヤーベースの設定がもしかして違いますか？

firebace.json

{
  "database": {
    "rules": "database.rules.json"
  },
  "hosting": {
    "public": "public",
    "rewrites": [
    ]
  }
}

Cojiro

2020/08/20 12:38

私はReactについては、わかりませんので、質問文についてですが、あなたの事情を知らない人(多くの場合は自分以外の人)が読んだときに文章を理解できるように書かないと回答は来ないと思います。少なくとも回答者の知識に関わらず何を回答したらいいかわかりません。焦って書いたのかもしれませんが、余計にわかりにくくなっていると思います。質問する際のテンプレートが用意されていると思いますので、そちらで書き直してみてください。その上で、〇〇をしたら成功したor失敗した(何を持って成功したと判断しているのかも書く)ようにすると良い回答が来るかもしれません。あとは、デプロイについても書かれているので、どういう環境があってどこにデプロイしようとして、xxという環境では正しく動作しているが、ooという環境で動作しないなどの情報もあるといいです。