React Hooks: setState выполняется несколько раз

Question

Я пытаюсь установить состояние даты , но если я сделаю это таким образом, он будет работать вечно. Как мне правильно установить дату родительскому компоненту. Поэтому я передаю функцию дочернему элементу и запускаю функцию оттуда, после чего я пытаюсь установить дату следующим образом:

Child Component

Дата - это значение, которое он получает от компонента M-UI

handleDateChange = (date) => {
    setSelectedDate(date);
      props.getDates(formatDate(selectedDate));
  };

Родительский компонент

const [render, setRender] = useState(null);
  let [dates, setDates] = useState(null);

  const getDates = (dates) => {
    setDates(dates)
  }