React: Переменная относится к new Date () не может быть дочерним элементом.

Я слежу за фрагментом кода из книги React Quickly .
И я не могу запустить код после компиляции через babel.
Мой код похож:

class DateTimeNow extends React.Component{
    render(){
        let dateTimeNow = new Date();
        return <span>Current date and time is {dateTimeNow}.</span>;
    }
}
ReactDOM.render(
    <DateTimeNow/>,
    document.getElementById('content')
);

Браузер сообщает об ошибке:
Uncaught Invariant Violation: Objects are not valid as a React child (found: Mon Oct 17 2016 09:12:00 GMT+0800 (CST)). If you meant to render a collection of children, use an array instead or wrap the object using createFragment(object) from the React add-ons. Check the render method of DateTimeNow .

Не могли бы вы ответить, почему это приведет к ошибке?
Большое тебе спасибо!

Вы хотите запросить _функцию_ или сообщить _ об ошибке?

Каково текущее поведение?
сообщение об ошибке: Неперехваченное инвариантное нарушение: объекты недействительны в качестве дочерних элементов React (обнаружено: Mon Oct 17 2016 09:12:00 GMT + 0800 (CST)). Если вы хотели отобразить коллекцию дочерних элементов, используйте вместо этого массив или оберните объект с помощью createFragment (object) из надстроек React. Проверьте метод рендеринга DateTimeNow .

Если текущее поведение является ошибкой, предоставьте шаги для воспроизведения и, если возможно, минимальную демонстрацию проблемы через https://jsfiddle.net или аналогичный (шаблон: https://jsfiddle.net/reactjs/69z2wepo/).

Какое ожидаемое поведение?
Тег span отображает текущее время
Какие версии React и какой браузер / ОС подвержены этой проблеме?
Реагировать 15.3.2