dispatch Error: Objects are not valid as a React child ( code example
Example 1: Objects are not valid as a React child
<SomeComponent>
{ property1: 'someText', property2: 69 }
</SomeComponent>
<SomeComponent>
<AnotherComponent />
<p>Hello, World</p>
</SomeComponent>
<SomeComponent>
const someObject = { property1: 'someText', property2: 69 };
someObject.map(function(item, i) => <li key={i}>{item}</li>)
</SomeComponent>
Example 2: objects are not valid as a react child
const App = async () => {
const auth = await somePromise();
return (
<></>
);
}