Abstract tasks to a context

src/context/TasksContext.jsx

@@ -0,0 +1,18 @@
+import { createContext, useState } from "react";
+
+export const TasksContext = createContext(null);
+
+export default function TasksContextProvider({ children }) {
+  const [tasks, setTasks] = useState([]);
+
+  const updateTask = (id, values) =>
+    setTasks((prev) =>
+      prev.map((task, i) => (id === i ? { ...task, ...values } : task))
+    );
+
+  return (
+    <TasksContext.Provider value={{ tasks, setTasks, updateTask }}>
+      {children}
+    </TasksContext.Provider>
+  );
+}