How to fix This comparison appears to be unintentional because the types have no overlap in TypeScript

// WRONG: Comparing number to string literal
let responseType = 'json'; // inferred as string
if (responseType === 'response') { // TS2367 error
  // This never executes
}

// CORRECT: Either fix the string value or check the variable
if (responseType === 'json') {
  // This executes as expected
}

// Or declare with more specific type
type ResponseType = 'json' | 'text' | 'blob';
let responseType: ResponseType = 'json';
if (responseType === 'json') {
  // This works correctly
}

enum Status {
  Active = 'active',
  Inactive = 'inactive',
}

let status = Status.Active;

// WRONG: Typo—'active' doesn't exist in enum
if (status === 'activated') { // TS2367 error
  // Never executes
}

// CORRECT: Use the actual enum value
if (status === Status.Active) {
  // Works as intended
}

// Or use the correct string
if (status === 'active') {
  // Also works if string literal is correct
}

// WRONG: Comparing number and string
let age: number = 30;
if (age === '30') { // TS2367 error—number never equals string
  // Never executes
}

// CORRECT: Convert to matching type
if (age === 30) {
  // Works
}

// Or convert the string to a number
if (age === parseInt('30')) {
  // Also works
}

// CORRECT: Use a union type if intentional
type AgeInput = number | string;
let userAge: AgeInput = 30;
if (typeof userAge === 'number' && userAge === 30) {
  // Type guard narrows to number, comparison works
}

// WRONG: Using && instead of || with impossible condition
if (status === 'active' && status === 'inactive') { // TS2367 error
  // Never executes—status can't be both simultaneously
}

// CORRECT: Use || (OR) if checking for either value
if (status === 'active' || status === 'inactive') {
  // Executes when status is either value
}

// CORRECT: Use separate conditions if checking multiple properties
if (status === 'active' && role === 'admin') {
  // Executes when both conditions are true
}

type ResponseType = 'json' | 'text' | 'blob';

// WRONG: TypeScript doesn't recognize reassignment in forEach
const types: ResponseType[] = ['json', 'text'];
types.forEach((type) => {
  if (type === 'response') { // TS2367 error—not in union
    // Never executes
  }
});

// CORRECT: Use only values from the union
types.forEach((type) => {
  if (type === 'json') {
    // Executes for 'json' items
  }
});

// CORRECT: Use type assertion if you're certain
const value = 'response' as ResponseType; // Forces the type
if (value === 'response') {
  // Now acceptable (use with caution)
}

// WRONG: Dead code—condition always false
const isDone = true;
if (isDone === false) { // TS2367 error—isDone is always true
  console.log("Not done");
}

// CORRECT: Remove the impossible condition
const isDone = true;
if (!isDone) {
  console.log("Not done");
}

// Or if you need to check at runtime, use a broader type
let isDone: boolean = true; // More flexible than literal true
if (!isDone) {
  console.log("Not done");
}