How to use the @sitecore-jss/sitecore-jss-react.withPlaceholder function in @sitecore-jss/sitecore-jss-react

<div>{pageContentPlaceholder}</div>
        
      
    
  
);

About.propTypes = {
  style: PropTypes.object,
  loading: PropTypes.bool,
  rendering: PropTypes.object,
};

export default compose(
  commonComponent,
  withPlaceholder([
    { placeholder: 'page-header', prop: 'pageHeaderPlaceholder' },
    { placeholder: 'page-content', prop: 'pageContentPlaceholder' },
  ])
)(About);

{tabs}
      
    
  
);

Tabs.propTypes = {
  style: PropTypes.object,
  rendering: PropTypes.object,
  sitecoreContext: PropTypes.object,
};

export default compose(withPlaceholder('tabs'), commonComponent)(Tabs);