Objects are not valid as a React child (found: [object Promise])

Question

I am trying to render a list of posts by mapping through an array. I\'ve done this many times before but for some

renderPosts = async () => {
    try {
          


        

Answer 1

I also received the same error message when creating an async functional component. Functional components should not be async.

const HelloApp = async (props) =>  { //<<== removing async here fixed the issue
  return (
    

      
Hello World
    
  )
}
ReactDOM.render(, document.querySelector("#app"))

jsfiddle