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

Question

This gives an error: This is normal text. how to solve this problem in react its file of layout im using visual studio So is this, but now follows a code block:

export default class Layout extends React.Component {
  constructor(props) {
    super(props);

    this.identify = this.identify.bind(this);
  }
  identify() {
    if (this.props.dashboard) {
      return (
        <div>
          <Header />
          <Container>{this.props.children}</Container>
          <Footer />
        </div>
      );
    } else {
      return (
        <div className="flexible-content">
          <TopNavigation />
          <SideNavigation />
          <main id="content" className="p-5">
            {this.props.children}
          </main>
          <DashFooter />
        </div>
      );
    }
  }

  render() {
    return { this: this.identify };
  }
}

Answer 1

You just need to call identify method which returns JSX in your case

render() {
    return this.identify();
  }

Answer 2

You need to return valid JSX from the render function. Right now you're returning an object of { this: this.identify }. You just need to return this.identify()