Cacher is the code snippet organizer for pro developers

// To avoid such constructions:
const props = {
  name: 'John',
  values: [],
};

<SettingBankAccount { ...{ ...props, values: ['dd'] } } />

// Better:
const defaultProps = {
  name: 'John',
  values: [],
};

const props = {
  ...defaultProps,
  values: ['dd'],
}

<SettingBankAccount { ...props } />