Privileged Content article

caller.jsx

<PrivilegedContent>
  <span>
    Privileged Content
  </span>
</PrivilegedContent>

PrivilegedContent.js

import React from "react";

class PrivilegedContent extends React.PureComponent {
  state = {
      admin: isAdmin()
  };

  render() {
    if (this.state.admin !== true) {
      return <div />;
    }
    
    const { children, ...rest } = this.props;
    
    React.Children.only(children);
    const childrenWithProps = React.Children.map(children, child =>
      React.cloneElement(child, rest)
    );
    
    return {childrenWithProps};
  }
}