---
title: Avoid Unnecessary cx/clsx Wrappers
impact: LOW
impactDescription: removes unnecessary function calls for static class names
tags: rendering, bundle, optimization, custom
---

# Avoid Unnecessary cx/clsx Wrappers

```tsx
// BAD: cx with single static class
<div className={cx("container")} />

// GOOD: plain string
<div className="container" />

// OK: cx useful for conditionals
<div className={cx("container", isActive && "active")} />
```