follow along

parts/2/renderingCollections/src/App.jsx

@@ -42,9 +42,15 @@ const App = ({ startingNotes = [] }) => {
     const note = notes.find((n) => n.id === id);
     const changedNote = { ...note, important: !note.important };
 
-    noteService.update(id, changedNote).then((response) => {
-      setNotes(notes.map((note) => (note.id === id ? response.data : note)));
-    });
+    noteService
+      .update(id, changedNote)
+      .then((response) => {
+        setNotes(notes.map((note) => (note.id === id ? response.data : note)));
+      })
+      .catch((error) => {
+        alert(`The note '${note.content}' was already deleted from server.`);
+        setNotes(notes.filter((n) => n.id !== id));
+      });
   };
 
   return (

parts/2/renderingCollections/src/services/notes.js

@@ -14,7 +14,7 @@ const update = (id, newObject) => {
 };
 
 export default {
-  getAll: getAll,
-  create: create,
-  update: update,
+  getAll,
+  create,
+  update,
 };