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

by

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 (
    <div>
      <h2>Hello World</h2>
    </div>
  )
}
ReactDOM.render(<HelloApp />, document.querySelector("#app"))

jsfiddle

More Related Contents:

  1. How to add function in JSX?
  2. How to update nested state properties in React
  3. Why is setState in reactjs Async instead of Sync?
  4. React / JSX Dynamic Component Name
  5. Fetch request to local file not working
  6. How do I render components with different layouts/elements using react-router-dom v6
  7. Update style of a component onScroll in React.js
  8. Rendering React Components from Array of Objects
  9. Where can I make API call with hooks in react?
  10. React hooks: accessing up-to-date state from within a callback
  11. React.js – Communicating between sibling components
  12. React “after render” code?
  13. React.js – Syntax error: this is a reserved word in render() function
  14. ‘react-scripts’ is not recognized as an internal or external command
  15. onClick works but onDoubleClick is ignored on React component
  16. unable to scroll in scrollView
  17. Error “Error: A is only ever to be used as the child of element”
  18. How to clear react-native cache?
  19. How to use React.forwardRef in a class based component?
  20. React hooks useState setValue still rerender one more time when value is equal
  21. Can’t call setState on a component that is not yet mounted
  22. Redux Presentational Components Vs Container Component
  23. Converting Responsive Grid Layout to Plotly Dash
  24. How to parse html to React component?
  25. How to properly use useHistory () from react-router-dom?
  26. React Error: “SharedArrayBuffer is not defined” in Firefox
  27. How to get simple dispatch from this.props using connect w/ Redux?
  28. Object is not extensible error when creating new attribute for array of objects
  29. How to set iframe content of a react component
  30. How should I alternate componentWillMount()?

Leave a Comment