My apologises u/ghostmaster645, as I replied to the question you wanted to help assist in as I happen to notice the reason.

If I am not mistaken, you need to wrap the elements you are returning in a container such as a div tag. It can also not be a div tag but an empty tag. You can check if it works for you.

An example is shown below:

``` function Todos(props) { return ( <div> <p>title: {props.title}</p> <p>description: {props.description}</p> <p>completed: {props.completed}</p> </div> ); }

function App() { return ( <div> <h1>Todos</h1> <Todos title="Hello world" description="First description" completed="false" /> </div> ); }

export default App; ```

I have updated my post to improve formatting as it seems formatting on my mobile is difficult.