Using state variable for startMonth doesn't update the day picker

[the-marolie]

If we use a state variable for startMonth, the day picker doesn't update the initial month

Code

import { DayPicker } from 'react-day-picker';
import {useState, useEffect} from  'react';
import 'react-day-picker/dist/style.css';
import "./styles.css";

export default function App() {
  const [startMonth, setStartMonth] = useState('');

  useEffect(() => {
    setStartMonth(new Date(2024,2));
  }, [])

  return (
    <div className="App">
      <DayPicker
          mode="single"
          className="day-picker"
          startMonth={startMonth}
          defaultMonth={startMonth}
        />
    </div>
  );
}

sandbox link - https://codesandbox.io/p/sandbox/strange-benz-vsh96j

Expected Behavior

The initial month in calendar updates if the state variable is updated

Actual Behavior

The initial month displayed s the value set during state variable

Screenshots

[gpbl]

Hi there!

I had to revert in #2429 the fix for this change as it caused other problems. I'm not sure if this is actually a bug: When changing startMonth or endMonth, what should happen to the currently selected days? Which month should display if the calendar has already been navigated?

A workaround is to control the month using the onMonthChange and month props.