sample.js

class App extends React.Component {
  static makeProps($) {
    return {
      box1: $.box1,
      box2: $.box2,
      otherData: $.otherData || "Default Value"
    }
  }
  
  render() {
    const $ = this.props
    
    return (
      <div>
        <Box {...$.box1} />
        <Box {...$.box2} />
        <OtherComp {...$.otherData}
      </div>
    );
  }
}