Пропадают элементы после перезагрузки страницы

import React, {useState} from "react";
 
export function Creating_List () {
 
let [allTasks, setAllTasks] = useState([]);
let [input, setInput] = useState('');
 
let addTask = (myInput) => {
    if (myInput){
        let newTask = {
            id: Math.random().toString(36).substr(2,9),
            task: myInput,
            complete: false
        }
        setAllTasks([...allTasks, newTask])
    }
}
 
let taskDone = (id) => {
    setAllTasks([allTasks.filter((todo => todo.id !== id))])
}
 
 let handleInput = (e) => {
    setInput(e.currentTarget.value)
}
 
let submitTask = (e) => {
    e.preventDefault();
    addTask(input);
    setInput('');
}
 
return (<div className='tasks'>
            <h1>Список задач {allTasks.length}</h1>
 
            <form>
                <input
                    type="text"
                    value={input}
                    onChange={handleInput}
                    placeholder="Нове завдання"
                />
            </form>
            <button onClick={submitTask}>Створити</button>
 
            <div>
            {allTasks.map(el => <div key={el.id}>{el.task} <button onClick={taskDone}>Виконано</button> </div>)}
            </div>
 
        </div>)
}

let addTask = (myInput) => {
    if (myInput){
        let newTask = {
            id: Math.random().toString(36).substr(2,9),
            task: myInput,
            complete: false
        }
        localStorafe.setAllTasks([...allTasks, newTask])
    }
}

<form onSubmit={submitTask}>
  <input
    type="text"
    value={input}
    onChange={handleInput}
    placeholder="Нове завдання"
  />
  <button>Створити</button>
</form>

useEffect(() => {
  setAllTasks(JSON.parse(localStorage.getItem('allTasks')) || []);
}, []);
 
useEffect(() => {
  localStorage.setItem('allTasks', JSON.stringify(allTasks));
}, [allTasks]);

const taskDone = (id) => {
  setAllTasks(allTasks.filter(todo => todo.id !== id));
}

<div>{allTasks.map(el =>
  <div key={el.id}>{el.task} <button onClick={() => taskDone(el.id)}>Виконано</button></div>
)}</div>