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>
);
}