В моем приложении заметки обновляются неправильно. ⇐ Javascript

[Anonymous]

У меня проблема. Когда я обновляю или удаляю заметку, изменения не отражаются в разделе «Мои заметки». Я подозреваю, что это связано с тем, что сигналы неправильно реализованы в файле obtenerFormulario.tsx.
Ссылка на приложение на github:

https://github.com/NachoCano123/AppNotas/tree/main
Ссылка на приложение:
https://appnotas-rzjc42pkh960.nachocano123.deno.net/
Будем очень благодарны за любую помощь.
//routes/enviar_nota.tsx
import { Handlers, PageProps } from "$fresh/server.ts";
import { Nota, notas } from "../Types.ts";
import Notas from "../components/Notas.tsx";
import { Signal, signal } from "@preact/signals";

export const handler: Handlers = {
GET(_req, ctx) {
const notesSignal = signal(notas);
return ctx.render({ notes: notesSignal });
},
};

export default function Page(props: PageProps) {
return ;
}

islands/NotasInteractivas.tsx
import { Signal } from "@preact/signals";
import { useState } from "preact/hooks";
import { Nota } from "../Types.ts";

type Props = {
notes: Signal;
};

export default function NotasInteractivas({ notes }: Props) {
const [editingId, setEditingId] = useState(null);
const [editForm, setEditForm] = useState({
title: "",
content: "",
category: ""
});

const BorrarNota = (id: number) => {
notes.value = notes.value.filter(nota => nota.id !== id);
console.log("Nota borrada con ID:", id);
};

const IniciarEdicion = (nota: Nota) => {
setEditingId(nota.id);
setEditForm({
title: nota.title,
content: nota.content,
category: nota.category
});
};

const GuardarEdicion = () => {
if (editingId === null) return;

notes.value = notes.value.map(nota => {
if (nota.id === editingId) {
return {...nota, ...editForm};
}
else {
return nota;
}
});

CancelarEdicion();
console.log("Nota editada con ID:", editingId);
};

const CancelarEdicion = () => {
setEditingId(null);
setEditForm({ title: "", content: "", category: "" });
};

const ManejarCambio = (field: string, value: string) => {
setEditForm(prev => ({ ...prev, [field]: value }));
};

return (

{notes.value.map((nota) => (

{editingId === nota.id ? (

ManejarCambio("title", (e.target as HTMLInputElement).value)}
className="edit-input"
placeholder="Título"
/>
ManejarCambio("category", (e.target as HTMLInputElement).value)}
className="edit-input"
placeholder="Categoría"
/>
ManejarCambio("content", (e.target as HTMLTextAreaElement).value)}
className="edit-textarea"
placeholder="Contenido"
/>


Guardar


Cancelar



) : (

{nota.title}
{nota.category}
{nota.content}

IniciarEdicion(nota)}
>
Editar

BorrarNota(nota.id)}
>
Borrar



)}

))}

);
}


Подробнее здесь: https://stackoverflow.com/questions/798 ... -correctly