title: How to pass props to component passed to MenuItem in material-ui
body: <p>I have the following code to render a notification menu</p>
  
  <pre><code>      &lt;Menu
          anchorEl={notificationAnchorEl}
          anchorOrigin={{ vertical: 'top', horizontal: 'right' }}
          transformOrigin={{ vertical: 'top', horizontal: 'right' }}
          open={isNotificationMenuOpen}
          onClose={this.handleNotificationMenuClose}
        &gt;
          {notifications.map(notification =&gt; (
            &lt;MenuItem
              key={notification.id}
              component={NotificationItem}
              onClick={this.handleNotificationMenuClose}
            /&gt;
          ))}
        &lt;/Menu&gt;
  </code></pre>
  
  <p>What I don't understand is how do I pass props to the <code>NotificationItem</code> Component using the <code>notification</code> object I have.</p>