How to import react-cookie in typescript

Question

I am creating an app in react using the react template provided by visual studio 2017. I want to make use of react-cookie in my application. I have installed this lib using command

npm install react-cookie

But when i try to import it in my component it gives me the following error on compile time:

import { Cookies } from 'react-cookie';

(TS) Could not find a declaration file for module 'react-cookie'. 'D:/somepath/node_modules/react-cookie/lib/index.js' implicitly has an 'any' type. Try npm install @types/react-cookie if it exists or add a new declaration (d.ts) file containing declare module 'react-cookie'

I tried installing it using

npm install @types/react-cookie

But the console shows me a message that

@types/react-cookie is not in the npm registry. You should bug the author to publish it (or use the name yourself

I am very new to react so maybe i am making a silly mistake. Can somebody help me out as i need to use this library in my project.

Check out the answer for this stackoverflow.com/questions/41462729/… — illiteratewriter
– illiteratewriter, Commented May 11, 2018 at 12:47

Ricardo Saracino · Accepted Answer · 2018-05-11 14:54:36Z

1

I found types definitions

{
  "dependencies": {
    "universal-cookie": "^2.1.2",
    "universal-cookie-express": "^2.1.2",
    "react-cookie": "^2.1.2"
  },
  "devDependencies": {
    "@types/universal-cookie": "git+ssh://[email protected]:S64/types-universal-cookie.git#v2.1.2-2",
    "@types/universal-cookie-express": "git+ssh://[email protected]:S64/types-universal-cookie-express.git#v2.1.2-2",
    "@types/react-cookie": "git+ssh://[email protected]:S64/types-react-cookie.git#v2.1.2-2"
  }
}

https://github.com/S64/types-react-cookie

open up git bash from start menu (WINDOWS)

ssh-keyscan -t rsa github.com >> ~/.ssh/known_hosts
ssh-keygen -t rsa -C "user.email"

Add the id_rsa.pub key to SSH keys list on your GitHub profile.

if you are really interested look at this commit (passed tslint) https://github.com/ricardosaracino/heroes-react-ts/commit/19a9e0f55940c9ac7007e093d08eae9d17e7d7ba

edited May 11, 2018 at 14:54

answered May 11, 2018 at 13:23

Ricardo Saracino

1,4532 gold badges19 silver badges42 bronze badges

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

Collectives™ on Stack Overflow

How to import react-cookie in typescript

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related