'X' is declared but its value is never read in TypeScript

# 'X' is declared but its value is never read in TypeScript

To solve 'is declared but its value is never read' error in TypeScript, prefix any unused parameter name with an underscore, or disable the noUnusedLocals and noUnusedParameters options in your tsconfig.json file to silence the error in your entire project.

declared but its value is never read

Here is an example of how the error occurs.

index.ts

Copied!
// ⛔️ Error: 'message' is declared but its value is never read.ts(6133)
function logMessage(message: string) {
  console.log('bobbyhadz.com');
}

// 'myVariable' is assigned a value but never used.
const myVariable = 'bobbyhadz.com';

# Prefix unused function parameters with an underscore

When dealing with function parameters, you can fix the error by prefixing the unused parameter with an underscore.

index.ts

Copied!
// eslint-disable-next-line @typescript-eslint/no-unused-vars
function logMessage(_message: string) {
  console.log('bobbyhadz.com');
}

prefix unused function parameters with underscore

The code for this article is available on GitHub

When using _myParam instead of myParam, you indicate to TypeScript that you don't intend to use the parameter.

# Using a `@ts-ignore` comment to silence the error

You can also get around the error by using the // @ts-ignore comment to disable type checking for a single line.

index.ts

Copied!
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-ignore
function logMessage(message: string) {
  console.log('bobbyhadz.com');
}

using ts ignore comment to silence error

The code for this article is available on GitHub

The // @ts-ignore comment disables all type checking errors on the next line.

If you use a linter, chances are you have to disable it for the line on which you use @ts-ignore as most linters have rules against using ts comments.

# Silence the error globally in your `tsconfig.json` file

You can solve the error by updating the configuration in your tsconfig.json file and disabling error reporting for unused local variables and unused parameters.

Open your tsconfig.json file and disable the following 2 options:

tsconfig.json

Copied!
{
  "compilerOptions": {
    "noUnusedLocals": false,
    "noUnusedParameters": false,
    // ... rest
  }
}

The noUnusedLocals option disables error reporting for unused local variables.

The noUnusedParameters option disables error reporting for unused parameters in functions.

After updating your tsconfig.json file, make sure to restart your IDE and development server.

With the two options disabled, the following code doesn't cause an error.

index.ts

Copied!
function logMessage(message: string) {
  console.log('hello world');
}

The code for this article is available on GitHub

# Disable the ESLint warning with a comment or globally

If you are getting the "'X' is assigned a value but never used" ESLint warning, you can disable the warning for a single line with a comment.

index.ts

Copied!
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const myVariable = 'hello';

You can also disable the warning for the entire file using a comment.

index.ts

Copied!
/* eslint-disable @typescript-eslint/no-unused-vars */

const myVariable = 'hello';

Or you could disable the rule for your entire project by editing the rules object in your .eslintrc.js file.

.eslintrc.js

Copied!
module.exports = {
  // ... rest
  rules: {
    'no-unused-vars': 'off',
    '@typescript-eslint/no-unused-vars': 'off',
    // ... rest
  },
};

The two lines above disable the no-unused-vars rule globally.

The code for this article is available on GitHub

I've also written a detailed guide on how to disable type checking for a file or a line in TypeScript

# Additional Resources

You can learn more about the related topics by checking out the following tutorials:

I wrote a book in which I share everything I know about how to become a better, more efficient programmer.

You can use the search field on my Home Page to filter through all of my articles.

'X' is declared but its value is never read in TypeScript