Asterisk Medium Article: new JSX

TodoPage.tsx

{/* complete items */}
{completeTodos.length > 0 && (
  <>
    <div className={classes.header}>
      <Typography component="h6" variant="h4">Completed Items</Typography>
    </div>
    {completeTodos.map(todo => (
      <div key={todo._id} className={classes.todoItem}>
        <IconButton color="inherit" onClick={() => uncheckTodo(todo)}>
          <ClearIcon />
        </IconButton>
        <span>{todo.label}</span>
      </div>
    ))}
  </>
)}