fix children

src/NewTask.tsx

@@ -21,16 +21,19 @@ const Form = ({
   }, []);
 
   const modifiedChildren = useMemo(() => {
-    return children.map(child => {
+    return React.Children.map(children, child => {
       return React.cloneElement(
-        child
+        child,
+        {
+          updateData: handleData
+        }
       )
-    })
+    });
-  }, [children])
+  }, [children]);
 
   return (
     <Box flexDirection="column">
-      
+      {modifiedChildren}
     </Box>
   );
 }

src/app.tsx

@@ -46,7 +46,7 @@ const App = () => {
   }, []);
   
   useEffect(() => {
-    mongoose.connect('mongodb://localhost', {
+    mongoose.connect('mongodb+srv://todo:todo@cluster0.phn2o.mongodb.net/myFirstDatabase?retryWrites=true&w=majority', {
       useNewUrlParser: true,
       useUnifiedTopology: true
     }).then(() => new Promise(res => setTimeout(res, 1000))).then(() => {