---
title: "react/jsx-props-no-multi-spaces"
description: "Disallow more than one space, or an empty line, between JSX props"
# Generated by src/codegen/lint-rule-docs.ts. Do not edit below this line.
plugin: "react"
aliases: []
kind: null
category: null
default: "off"
fixable: "yes"
typeAware: false
deprecated: false
---

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.