React Js showing issue this code Objects are not valid [duplicate]

This issue on my local machine, I am trying many times but issue not resolved,

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

Please help us to fix this issue, I am learner for react js

App.js

const bgColor = {
    name: 'Ajay',
    theme: {
        backgroundColor: 'red',
        color: 'blue'
    }
};

export default function TodoList() {
    return (
      <div style={bgColor.theme}>
        <h1>{bgColor}'s Todos</h1>
        <img
          className="avatar"
          src="https://via.placeholder.com/150/92c952"
          alt="Ajay"
        />
      </div>
    );
}