How to use the @govuk-react/hoc.deprecate function in @govuk-react/hoc

import styled from 'styled-components';
import { link } from '@govuk-react/lib';
import { deprecate } from '@govuk-react/hoc';

const Link = styled('a')(link.common(), link.styleText);

Link.name = 'Breadcrumb.Link';

export default deprecate(Link, 'please use the Breadcrumbs.Link component instead');

) : null))
      ) : (
        {children}
      )}
    
  
);

BreadcrumbComponent.propTypes = {
  /**
   * Breadcrumb contents
   */
  children: PropTypes.node.isRequired,
};

const Breadcrumb = deprecate(BreadcrumbComponent, 'please use the Breadcumbs component instead');

Breadcrumb.Link = Link;

export { BreadcrumbComponent };

export default Breadcrumb;

};

Header.propTypes = {
  /**
   * Semantic heading level value between 1 and 6
   */
  level: PropTypes.number,
  /**
   * Visual size level, accepts:
   *    `XLARGE`, `LARGE`, `MEDIUM`, `SMALL`, `XL`, `L`, `M`, `S`
   *    or a numeric size that fits in the GDS font scale list
   */
  size: PropTypes.oneOf([...Object.keys(HEADING_SIZES), ...Object.keys(TYPOGRAPHY_SCALE)]),
};

export default deprecate(Header, 'please use the Heading component instead');

export { Header as DocumentedHeader };
export { H1, H2, H3, H4, H5, H6 } from './presets';

* ### Usage
 *
 * This component is DEPRECATED.
 *
 * Please use the `Caption` component instead.
 */
const SupportingHeader = props => ;

SupportingHeader.propTypes = {
  /** Text to be rendered as a supporting header */
  children: PropTypes.string.isRequired,
};

export { SupportingHeader as DocumentedSupportingHeader };

export default deprecate(SupportingHeader, 'please use the Caption component instead');