在TypeScript中导入react-cookie遇类型声明问题求助

Hey there, let’s work through this TypeScript error with react-cookie together—this is a super common issue when using libraries that don’t have official TypeScript type declarations, so you’re not making a "low-level mistake" at all! Here are a few solid solutions to get you up and running:

Since there’s no official @types/react-cookie package in the npm registry, you can make your own simple declaration to quiet the TypeScript compiler:

• Navigate to the src folder (or the root of your source code directory) in your project
• Create a new file named react-cookie.d.ts
• Paste this single line into the file:

  declare module 'react-cookie';
  

• Save the file, then restart your dev server or TypeScript compiler. This tells TypeScript to recognize the react-cookie module as valid (it’ll use an implicit any type under the hood, but you’ll be able to import and use the library without compilation errors).

If you want better type safety down the line, you can expand this declaration file to define types for the Cookies class and its methods (like get, set, etc.), but for getting started, this simple declaration is more than enough.

If you’re in a hurry and need a temporary workaround, you can turn off the noImplicitAny setting in your tsconfig.json:

• Open your tsconfig.json file
• Locate the compilerOptions section
• Change "noImplicitAny": true to "noImplicitAny": false
• Save the file and recompile your project

This will suppress all errors related to modules missing type declarations, but it also disables TypeScript’s ability to catch accidental any type usage elsewhere in your code. Only use this if you plan to add proper types later.

Some newer versions of react-cookie include built-in TypeScript declarations. Try updating the library with:

npm install react-cookie@latest

After updating, check if the import error disappears—if the latest version has native type support, you won’t need the custom declaration file anymore.

内容的提问来源于stack exchange，提问作者Prasaad Patil