Could not find declaration file with custom declaration file for 'react-dates' module

Question

I've been trying to write a custom declaration file for the 'react-dates' npm module, but can't get the compiler to resolve my declaration file to that module.

When I do import {DateRangePicker} from 'react-dates' I get the following error:

Could not find a declaration file for module 'react-dates'. 'absolute_path/src/node_modules/react-dates/index.js' implicitly has an 'any' type.

My declaration file is located in the path '@types/react-dates/index.d.ts' and looks like this:

import * as React from 'react';
declare class DateRangePicker extends React.Component<{}, {}> { }

The tsconfig.json looks like this:

{
  "compilerOptions": {
    "outDir": "./dist/",
    "sourceMap": true,
    "noImplicitAny": true,
    "strictNullChecks": true,
    "module": "commonjs",
    "target": "es6",
    "jsx": "react",
    "typeRoots": [
      "./@types"
    ]
  },
  "include": [
    "./app/**/*",
    "./@types/**/*"
  ]
}

I'm only using a small part of the library, but here is what I've got so far: gist.github.com/torryt/ccdaf6daf0d7df6252ac2a4539a00520 — torryt
– torryt, Commented Feb 16, 2017 at 15:09

torryt · Accepted Answer · 2017-02-10 14:49:30Z

3

Solved it by wrapping it in a module statement like this:

declare module 'react-dates' {
  import { Component } from 'react';
  export class DateRangePicker extends Component<{}, {}> { }
}

Note that the import statements have to be inside the module block, or else it returns:

Invalid module name in augmentation. Module 'react-dates' resolves to an untyped module at 'path/node_modules/react-dates/index.js', which cannot be augmented.

answered Feb 10, 2017 at 14:49

torryt

15010 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Matt Over a year ago

You're the man! I've been searching for this answer for hours.

Collectives™ on Stack Overflow

Could not find declaration file with custom declaration file for 'react-dates' module

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related