Средство выбора диапазона Ant Design не обновляет дату при обновлении состояния

У меня возникла проблема с компонентом Ant Design: средство выбора даты (средство выбора диапазона). [https://ant.design/components/date-picker/] Я использую это с React и хуками. Мне нужно иметь возможность изменить дату внутри средства выбора диапазона, нажав кнопку. Данные в состоянии обновляются правильно, но не обновляют дату в средстве выбора даты. Я думаю, что проблема связана с библиотекой moment.js, которая используется Ant Design для средства выбора даты. В средстве выбора даты значения даты заключаются в функции момента. Может быть, есть способ обновить компонент вручную после изменения состояния? Я что-то неправильно понимаю?

const DateSelect = () => {
  const RangePicker = DatePicker.RangePicker;
  const dateFormat = 'YYYY/MM/DD';
  const [currentDate, setCurrentDate] = useState(moment().format(dateFormat));
  const addSevenDays = () => {
  const weekFromNow = moment()
      .add(1, 'w')
      .format(dateFormat);
    setCurrentDate(weekFromNow);
    console.info(currentDate);
  };
  return (
    <div>
      <Button onClick = {addSevenDays}>Add 7 days</Button>
      <RangePicker
        defaultValue = {[
          moment(currentDate, dateFormat),
          moment(currentDate, dateFormat),
        ]}
        format = {dateFormat}
      />
      <span> {currentDate} </span>
    </div>
  );
};
render(<DateSelect />, document.getElementById('app'));

Вот код для этой проблемы: https://codepen.io/anon/pen/rPEmPg?editors=0010