Error import/default when importing react-date-picker

I want to import “react-date-picker” (https://github.com/wojtekmaj/react-date-picker) in a Typescript source file:

import DatePicker from 'react-date-picker'

When I use “eslint-import-resolver-typescript” by applying this snippet

settings: {
  "import/resolver": {
    "typescript": {}
  }
}

in .eslintrc.js there’s an error 1:8 error No default export found in imported module "react-date-picker" import/default

However, “react-date-picker” contains this default:

declare module "react-date-picker" {
  export default function DatePicker(props: DatePickerProps): JSX.Element;
...

[jeffrson]

Okay, thanks! So I won’t report it against the resolver for the time being.

[JounQin]

@jeffrson

The typings file in react-date-picker can be omitted as

import { CalendarProps } from "react-calendar";

export default function DatePicker(props: DatePickerProps): JSX.Element;

export interface DatePickerProps extends CalendarProps {
  autoFocus?: boolean;
  calendarAriaLabel?: string;
  calendarClassName?: string | string[];
  calendarIcon?: JSX.Element | null;
  className?: string | string[];
  clearAriaLabel?: string;
  clearIcon?: JSX.Element | null;
  closeCalendar?: boolean;
  dayAriaLabel?: string;
  dayPlaceholder?: string;
  disabled?: boolean;
  disableCalendar?: boolean;
  format?: string;
  isOpen?: boolean;
  monthAriaLabel?: string;
  monthPlaceholder?: string;
  name?: string;
  nativeInputAriaLabel?: string;
  onCalendarClose?: () => void;
  onCalendarOpen?: () => void;
  openCalendarOnFocus?: boolean;
  portalContainer?: HTMLElement;
  required?: boolean;
  showLeadingZeros?: boolean;
  yearAriaLabel?: string;
  yearPlaceholder?: string;
}

The declare module block is just redundant as its own declaration file.

I’ve raised https://github.com/wojtekmaj/react-date-picker/pull/419 to cleanup.