# Source: https://github.com/quick-lint/quick-lint-js/blob/master/docs/errors/E0192.md

# E0192: attribute has wrong capitalization

In HTML, attributes are case-insensitive; `colspan` is the same as `colSpan` and
`COLSPAN`. In React, attributes are case-sensitive. It is a mistake for an
attribute for a built-in element to have the wrong capitalization:

```javascript-jsx
import React from "react";

function Header({columns}) {
  return <tr>
    <th colspan="2">Name</th>
    {columns.map(column =>
      <th colspan="1" cellpadding="5">{column}</th>)}
  </tr>;
}
```

To fix this error, fix the capitalization of the attribute:

```javascript-jsx
import React from "react";

function Header({columns}) {
  return <tr>
    <th colSpan="2">Name</th>
    {columns.map(column =>
      <th colSpan="1" cellPadding="5">{column}</th>)}
  </tr>;
}
```

This diagnostic enabled in the `"react"` [JSX mode][].

Introduced in quick-lint-js version 2.0.0.

[JSX Mode]: https://quick-lint-js.com/errors/jsx/