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

> Disallow spreading the same variable twice in one JSX element

Spreading the same object a second time adds nothing new, and it overwrites every prop written between the two. In `<Button {...props} disabled {...props} />`, `disabled` is lost if `props` also has a `disabled`. It's almost always a leftover from a merge or a copy.

`--fix` removes every spread of the variable except the last. With an ESLint config there's no fix, same as in `eslint-plugin-react`.

{/* 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-spread-multi" = "error" # or "warn"
```

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

## Examples

Reported:

{/* bad */}
```jsx
function SaveButton(props) {
  return <Button {...props} type="submit" {...props} />;
}
```

Not reported:

{/* good */}
```jsx
function SaveButton(props) {
  return <Button {...props} type="submit" />;
}

function Field({ input, meta }) {
  return <Input {...input} {...meta} />;
}
```