Asterisk Medium Article: old JSX

TodoPage.tsx

{/* complete items */}
{completeTodos.length > 0 && (
  <>
    <div className={classes.header}>
      <Typography component="h6" variant="h4">Completed Items</Typography>
    </div>
    {completeTodos.map(todo => (
      <p key={todo._id}>{todo.label}</p>
    ))}
  </>
)}