Skip to content

userEvent.clear() on DatePicker causes "Maximum update depth exceeded" in v9 #6282

@perryf

Description

@perryf

Describe the bug
After upgrading from v8 to v9, using userEvent.clear() followed by userEvent.type() on a controlled input in tests consistently throws: Maximum update depth exceeded. This worked fine in v8.

Environment

  • Version: react-datepicker 9.1.0
  • React: 19.2
  • Test environment: jsdom, @testing-library/user-event v14, Vitest

To Reproduce

const [date, setDate] = useState(new Date('2026-12-15'));
<DatePicker selected={date} onChange={setDate} />
await userEvent.clear(input);
await userEvent.type(input, '12/17/2025');  // → Maximum update depth exceeded

Workaround:

  • use fireEvent instead
fireEvent.change(input, { target: { value: '12/17/2025' } });

Expected behavior
userEvent clears datepicker field then types entered date

Screenshots
Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions