1/*
2Task is not typed to receive children, but actually you are
3actually passing a newline text node as the task's children.
4*/
5<Task
6 key={index}
7 Index={counter.toString()}
8 Item={value}>{/* there is a new line text node here */}
9</Task>
10/*
11You probably want to make the JSX
12tag self closing to ensure it has no children:
13*/
14<Task
15 key={index}
16 Index={counter.toString()}
17 Item={value}
18/>