How to fix Variable 'x' is assigned a value but never used in TypeScript

// Before - causes error
function calculateTotal(price: number, tax: number) {
  const discount = 0.1; // Error: assigned but never used
  return price + tax;
}

// After - fixed
function calculateTotal(price: number, tax: number) {
  return price + tax;
}

// Unused parameter - required for function signature
function handleClick(_event: MouseEvent, userId: string) {
  console.log('User clicked:', userId);
  // _event is intentionally unused but needed for signature
}

// Destructuring - ignoring some values
function getUserInfo(user: User) {
  const { id, name, _email, _createdAt } = user;
  return `User ${id}: ${name}`;
}

// Before - causes error
function processUser(user: User) {
  const { id, name, email, createdAt } = user;
  // email and createdAt are unused
  return { id, name };
}

// After - using rest operator
function processUser(user: User) {
  const { id, name, ...rest } = user;
  return { id, name };
  // rest contains email, createdAt, etc. but no error
}

// Or just destructure what you need
function processUser(user: User) {
  const { id, name } = user;
  return { id, name };
}

function debugFunction(data: any) {
  // @ts-ignore - keeping for debugging
  const debugValue = data.someComplexProperty;

  return processData(data);
}

{
  "compilerOptions": {
    "noUnusedLocals": false,
    "noUnusedParameters": false
  }
}

// .eslintrc.json
{
  "rules": {
    "@typescript-eslint/no-unused-vars": [
      "error",
      {
        "argsIgnorePattern": "^_",
        "varsIgnorePattern": "^_",
        "caughtErrorsIgnorePattern": "^_"
      }
    ]
  }
}