Shortcut method for mutuallyExclusiveTrueProps?

[lencioni]

Currently, if you want to use mutuallyExclusiveTrueProps, you need to do something like this:

const fooProp = mutuallyExclusiveTrueProps('foo', 'bar', 'baz');

Foo.propTypes = {
  foo: fooProp,
  bar: barProp,
  baz: bazProp,
};

I wonder if it would be useful to be able to do something more like:

Foo.propTypes = {
  ...mutuallyExclusiveTrueProps('foo', 'bar', 'baz'),
};

And, if you wanted to also have this generate the defaultProps for you:

Foo.propTypes = {
  ...mutuallyExclusiveTrueProps('foo', 'bar', 'baz').propTypes,
};
Foo.defaultProps = {
  ...mutuallyExclusiveTrueProps('foo', 'bar', 'baz').defaultProps,
};

or, obviously:

const fooProps = mutuallyExclusiveTrueProps('foo', 'bar', 'baz');
Foo.propTypes = {
  ...fooProps.propTypes,
};
Foo.defaultProps = {
  ...fooProps.defaultProps,
};

The main drawback to this that I think of right now is that it might not work so well with some of the React lint rules.

I'm not sure what this method should be named, or perhaps if we add propTypes and defaultProps, we could just attach those to the return value of the current method as a convenience.

[pillowfication]

Here's another possible option you can use currently:

const propNames = [ 'foo', 'bar', 'baz' ]
Component.propTypes = propNames.reduce((acc, prop) => (
  { ...acc, [prop]: mutuallyExclusiveProps(validator, ...propNames) }
), { /* additional props */ })

[ljharb]

Also

const propNames = [ 'foo', 'bar', 'baz' ]
Component.propTypes = {
  ...Object.fromEntries(propNames.map(prop => [
    prop,
    mutuallyExclusiveProps(validator, ...propNames),
  ])),
  // additional propTypes
};