unnecessaryTemplateExpressions

Reports template expressions that can be replaced with simpler expressions.

✅ This rule is included in the ts logical and logicalStrict presets.

Template literals with a single substitution and no surrounding text are unnecessarily complex. Using the expression directly is clearer and more maintainable.

For example, `${value}` is functionally equivalent to String(value) but adds unnecessary syntax noise. Template literals should be reserved for cases where they provide clear value, such as embedding expressions within text or combining multiple values.

Examples

❌ Incorrect

const name = "Alice";
const greeting = `${name}`;

const count = 42;
const message = `${count}`;

function getValue() {
  return "result";
}
const output = `${getValue()}`;

const isActive = true;
const status = `${isActive}`;

✅ Correct

const name = "Alice";
const greeting = `Hello, ${name}!`;

const firstName = "John";
const lastName = "Doe";
const fullName = `${firstName} ${lastName}`;

const count = 42;
const message = `Count: ${count}`;

const name = "Alice";
const greeting = name;

const count = 42;
const countString = String(count);

Options

This rule is not configurable.

When Not To Use It

If you have a coding standard that requires explicit string coercion using template literals for clarity or consistency, you might choose to disable this rule. However, in most cases, removing unnecessary template wrappers improves code readability.

Further Reading

• MDN: Template literals
• MDN: String coercion

Equivalents in Other Linters

• Biome: noUnusedTemplateLiteral
• ESLint: @typescript-eslint/no-unnecessary-template-expression
• Oxlint: typescript/no-unnecessary-template-expression