const myObject = {
  a: 1,
  b: 2,
  ...(false && { c: 3 }),
}
// myObject: { a: 1, b: 2 }

const myObject = {
  a: 1,
  b: 2,
  ...(true && { c: 3, d: 4 }),
}
// myObject: { a: 1, b: 2, c: 3, d: 4 }

const MyComponent = () => {
  return <SomeOtherComponent {...(passOptionalProps && { cool: true, message: '👋' })} />
}