Props being inferred as any since v7

[cascornelissen]

Describe the bug
A number of props are inferred as any after updating react-datepicker to v7. This makes it impossible to extend the DatePicker component's props for a component that renders a DatePicker.

To Reproduce
Install react-datepicker v7 (7.3.0 at the moment of writing) and let TypeScript infer types for props that are not directly configured in the DatePickerProps interface.

import React from 'react';
import DatePicker, { DatePickerProps } from 'react-datepicker';

// These get inferred as `any`
type A = React.ComponentProps<typeof DatePicker>['minDate'];
type B = DatePickerProps['maxDate'];
type C = DatePickerProps['dateFormatCalendar'];

// These work
type D = DatePickerProps['open'];

Expected behavior
The type is correctly inferred.

Screenshots

Additional context
TypeScript 5.5.4

[floriancargoet]

I have the same issue.
I believe it's because the portal.d.ts file is missing. This introduces an any in the types which breaks DatePickerProps.

When building react-datepicker myself, portal.d.ts is generated (and fixes my project if I copy it to my node_modules/react-datepicker/dist). I don't know why it's missing from the NPM package.

[floriancargoet]

It looks like it was reported here: #5129
And it was fixed 2 days ago: 1b13e38

[Christoffer-M]

@floriancargoet Do you know if there is a temporary way to fix this until the a new version with the fix is released? This is causing build errors, so cant release. I assume that building it myself wont work since it will fail when deploying it via pipelines.

[floriancargoet]

@Christoffer-M in my project, locally, I copy in node_modules/react-datepicker/dist the portal.d.ts I got by cloning & building react-datepicker.
For an automated build, I'm thinking of using https://www.npmjs.com/package/patch-package while waiting for a release.

[martijnrusschen]

Try https://github.com/Hacker0x01/react-datepicker/releases/tag/v7.5.0

…

On Thu, Oct 17, 2024 at 4:31 PM Florian Cargoët ***@***.***> wrote: @Christoffer-M <https://github.com/Christoffer-M> in my project, locally, I copy in node_modules/react-datepicker/dist the portal.d.ts I got by cloning & building react-datepicker. For an automated build, I'm thinking of using https://www.npmjs.com/package/patch-package while waiting for a release. — Reply to this email directly, view it on GitHub <#5042 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAKY2KFIKM6K7NMIKHVFPPTZ37C5DAVCNFSM6AAAAABM4IJ6ZSVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDIMJZG4YTQNZYHE> . You are receiving this because you are subscribed to this thread.Message ID: ***@***.***>

[Christoffer-M]

@martijnrusschen You're a legend, thanks! 👍