TypeScript doesn’t recognize .d.ts from node module

Question

I’m using babel-plugin-react-intl-auto and TypeScript.

This package has defined typings in lib/types.d.ts (It is in lib when installed using npm). These override typings of another package.

import { FormattedMessage } from 'react-intl'

declare module 'react-intl' {
  interface ExtractableMessage {
    [key: string]: string
  }

  export function defineMessages<T extends ExtractableMessage>(
    messages: T
  ): { [K in keyof T]: FormattedMessage.MessageDescriptor }
}

They have specified this in package.json

{
  // ...
  "types": "lib/types.d.ts",
  // ...
}

This all seems fine. However, When I use this package, TypeScript complains about the function signature of defineMessages.

If I copy those typings into my own index.d.ts, it just works as expected.

For completness sake, this is my tsconfig.json:

{
  "compilerOptions": {
    "noEmit": true,
    "noImplicitAny": true,
    "esModuleInterop": true,
    "jsx": "react",
    "lib": ["es5", "es6", "dom"]
  }
}

Why won’t TypeScript use these typings?

W. K. · Accepted Answer · 2019-05-09 07:43:25Z

1

This is most likely because TypeScript has no context as to which version of defineMessages to use.
TypeScript supports merging declarations which also gets applied when importing modules.

Importing babel-plugin-react-intl-auto alongside react-intl should merge these definitions, allowing TypeScript to understand both syntaxes.

answered May 9, 2019 at 7:43

W. K.

262 bronze badges

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

Collectives™ on Stack Overflow

TypeScript doesn’t recognize .d.ts from node module

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related