How to use the @ant-design/pro-layout/lib/RouteContext.Consumer function in @ant-design/pro-layout

var defaultPageHeaderRender = function defaultPageHeaderRender(props) {
  var title = props.title,
    content = props.content,
    pageHeaderRender = props.pageHeaderRender,
    extraContent = props.extraContent,
    restProps = _objectWithoutProperties(props, [
      'title',
      'content',
      'pageHeaderRender',
      'extraContent',
    ]);

  return React.createElement(RouteContext.Consumer, null, function(value) {
    if (pageHeaderRender) {
      return pageHeaderRender(_objectSpread({}, props, value));
    }

    return React.createElement(
      _PageHeader,
      Object.assign(
        {},
        value,
        {
          title: title,
        },
        restProps,
        {
          footer: renderFooter(restProps),
        },