nextjs Error: Objects are not valid as a React child (found: object with keys {}). If you meant to render a collection of children, use an array instead. code example

Example: Error: Objects are not valid as a React child (found: object with keys {0, 1, 2, 3, 4, 5, 6, 7, 8, 9}). If you meant to render a collection of children, use an array instead.

Count will we my number of list componets
     
  const {Count} = props;
    let list =  Count=== undefined?10:Count;
    let jsx = [];
    for (let index = 0; index < list; index++) {
        jsx.push('index'+index)
    }


  return (
        <View>
            <Text>{jsx.length}</Text>
        {jsx.map((index)=>(
        <Text>{index}<Text>))
        }
        </View>
    )
    =============================
    must warp loop under parent View