React can't find TypeScript declarations module

Question

I'm trying to use the react-csv-reader package in a React project that was created with create-react-app --typescript. Since react-csv-reader doesn't come with a types declaration file, I created one myself. I created a file types/react-csv-reader/index.d.ts. VS Code's Intellisense can find it just fine (I can command-click on the function name in module where I'm using react-csv-reader, and it takes me to my declarations file. It also complains when I don't have all the required props, etc.).

But when I run npm start, I get this:

Failed to compile.

./src/screens/ReadCsv.tsx
Module not found: Can't resolve '../types/react-csv-reader' in '/my/proj/root/src/screens'

Here's my index.d.ts:

import React from 'react'

interface CSVReaderProps {
  cssClass?: string
  cssInputClass?: string
  label?: string
  onFileLoaded: (data: any, filename: string) => void
  onError: () => void
  inputId?: string
  inputStyle?: any
  parserOptions?: any
}

declare const CSVReader: React.SFC<CSVReaderProps>

export default CSVReader

Richard Haddad · Accepted Answer · 2019-08-25 13:55:10Z

1

Because typescript don't know where are your definition files, so you have to tell him in your tsonfig.json.

{ 
  "compilerOptions": {
    "typeRoots" : [
      "node_modules/@types",
      "./your/types/folder"
    ] 
  } 
}

Note that I added node_modules, otherwise its types are not included.

https://www.typescriptlang.org/docs/handbook/tsconfig-json.html#types-typeroots-and-types

answered Aug 25, 2019 at 13:55

Richard Haddad

1,0247 silver badges13 bronze badges

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

1 Comment

Dan B. Over a year ago

This did not seem to have any effect.

Dan B. · Accepted Answer · 2019-08-25 15:10:15Z

0

The right combination of things to make this work was:

Put everything in index.d.ts inside a declare module 'react-csv-reader' {} block
import it as import CSVReader from 'react-csv-reader' instead of what I was doing, which was import CSVReader from '../types/react-csv-reader'.

I did not have to change anything in tsconfig.json. I still don't understand why it worked before as far as VS Code Intellisense was concerned, but this way works with that and is compiled happily by React.

answered Aug 25, 2019 at 15:10

Dan B.

1,5832 gold badges16 silver badges23 bronze badges

Collectives™ on Stack Overflow

React can't find TypeScript declarations module

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related