fix(mvp): console.warning and task-404

https://github.com/martis-git/learn-frontend/issues/279

Author: azinit

src/pages/task-details/index.tsx

@@ -15,7 +15,8 @@ const TaskDetails = (props: Props) => {
 
     if (loading) return <Spin />;
     if (error) return <Alert message={error.message || String(error)} type="error" showIcon />;
-    if (!todo) return <>Not Found</>;
+    // FIXME: more strict null case
+    if (!todo || !todo?.id) return <Alert message="Task not found" type="error" showIcon />;
     return <TaskCard {...todo} />;
 }
 

src/pages/tasks-list/index.tsx

@@ -34,7 +34,7 @@ const TasksList = () => {
                     {loading && <Spin className="loading--overlay" />}
                     <ul>
                         {query?.map((task) => (
-                            <li><TaskItem {...task} /></li>
+                            <li key={task?.id}><TaskItem {...task} /></li>
                         ))}
                         {/* FIXME: yet (!query && !loading)  */}
                         {query?.length === 0 && (