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

Example 1: Objects are not valid as a React child

// You are probably trying to nest an obect within one of your components
<SomeComponent>
  { property1: 'someText', property2: 69 }  
</SomeComponent>

// You can only use primitives as children such as
// Other components or HTML elements
<SomeComponent>
	<AnotherComponent />
  	<p>Hello, World</p>
</SomeComponent>

// Of course if you really do need the data in the object
// rendered, you can always use map
// You don't have to use a list either, you just need to provide
// the key attribute (array index)
<SomeComponent>
	const someObject = { property1: 'someText', property2: 69 };
	someObject.map(function(item, i) => <li key={i}>{item}</li>)
</SomeComponent>

Example 2: 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

Example 3: objects are not valid as a react child

// You can't make App an async function... promises must be resolved other ways

// BAD
const App = async () => {
  const auth = await somePromise();
  return (
    <></>
  );
}