# react/jsx-props-no-multi-spaces

> Disallow more than one space, or an empty line, between JSX props

Extra spaces between props, or an empty line between props that are each on their own line, are usually left over from an edit.

`--fix` replaces the extra spaces with one. It doesn't remove empty lines.

{/* Generated by src/codegen/lint-rule-docs.ts. Do not edit this section. */}

## Configure

Off by default. To turn it on:

```toml bunfig.toml
[lint.rules]
"react/jsx-props-no-multi-spaces" = "error" # or "warn"
```

{/* End of the generated section. */}

## Examples

Reported:

{/* bad {"count": 2} */}
```jsx
const button = <Button  type="submit"   disabled />;
```

{/* bad */}
```jsx
const button = (
  <Button
    type="submit"

    disabled
  />
);
```

Not reported:

{/* good */}
```jsx
const button = <Button type="submit" disabled />;

const link = (
  <Link
    to="/settings"
    replace
  />
);
```

## When not to use it

A formatter such as `bun fmt` or Prettier already fixes this spacing.