RangeCalendar Types Error | HeroUI | Page 1

Hello, I am wanting to use RangeCalendar and when I want to control its value, using the value and onChange props, I have an error in "value" regarding the import of the types. The error is the following:

Type 'import("c:/Users/facus/OneDrive/Escritorio/Codetria/AdCap/adcap-clienteexterno-web/node_modules/@react-types/shared/src/inputs").RangeValue<import("c:/Users/facus/OneDrive/Escritorio/Codetria/AdCap/adcap-clienteexterno-web/node_modules/@nextui-org/calendar/node_modules/@react-types/calendar/node_modules/@internation...' is not assignable to type 'import("c:/Users/facus/OneDrive/Escritorio/Codetria/AdCap/adcap-clienteexterno-web/node_modules/@react-types/shared/src/inputs").RangeValue<import("c:/Users/facus/OneDrive/Escritorio/Codetria/AdCap/adcap-clienteexterno-web/node_modules/@nextui-org/system/node_modules/@internationalized/date/dist/types").DateValue>'.
Type 'import("c:/Users/facus/OneDrive/Escritorio/Codetria/AdCap/adcap-clienteexterno-web/node_modules/@nextui-org/calendar/node_modules/@react-types/calendar/node_modules/@internationalized/date/dist/types").DateValue' is not assignable to type 'import("c:/Users/facus/OneDrive/Escritorio/Codetria/AdCap/adcap-clienteexterno-web/node_modules/@nextui-org/system/node_modules/@internationalized/date/dist/types").DateValue'.
Type 'CalendarDate' is not assignable to type 'DateValue'.
Type 'CalendarDate' is not assignable to type 'ZonedDateTime'.
Property '#private' in type 'CalendarDate' refers to a different member that cannot be accessed from within type 'ZonedDateTime'.

As you can see, the error comes from a private type definition for the member variables exported in CalendarDate with ZonedDateTime, if we follow the route inside the nodeModules and remove the private, it works. But modifying the nodeModules is something I don't want to do. How can I solve this error?

import { RangeCalendar } from '@nextui-org/react';
import type { RangeValue } from '@react-types/shared';
import { today, endOfMonth, getLocalTimeZone, DateValue } from '@internationalized/date';

export const CalendarTab = (_props: Props) => {
...Rest of Code...

const [value, setValue] = useState<RangeValue<DateValue>>({
start: today(getLocalTimeZone()),
end: endOfMonth(today(getLocalTimeZone())),
});

return <RangeCalendar value={value} onChange={setValue} />

}

#RangeCalendar Types Error