react/jsx-props-no-multi-spaces

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.

Configure

Off by default. To turn it on:

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

Examples

Reported:

const button = <Button  type="submit"   disabled />;

const button = (
  <Button
    type="submit"

    disabled
  />
);

Not reported:

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.