How to use the @times-components/styleguide.themeFactory function in @times-components/styleguide

{({ article, isLoading, error, refetch }) => {
      // When work is completed in TPA, the schema should do this for us
      const data = {
        ...article,
        template: "magazinecomment"
      };

      return (

const themeForSection = section => ({
  theme: {
    ...themeFactory(section, "indepth"),
    scale: "medium"
  }
});

const themeForSection = section => ({
  theme: {
    ...themeFactory(section, "magazinecomment"),
    scale: "medium"
  }
});

const themeForSection = section => ({
  theme: {
    ...themeFactory(section, "magazinecomment"),
    scale: "medium"
  }
});

const themeForSection = section => ({
  theme: {
    ...themeFactory(section, "magazinestandard"),
    scale: "medium"
  }
});

const themeForSection = section => ({
    theme: {
      ...themeFactory(section, "magazinestandard"),
      scale: "medium"
    }
  });

const renderParagraphWithScale = ({ select, boolean }, ast) => {
  const scale = select("Scale", scales, scales.medium);
  const section = select("Section", sections, "The Times Magazine");
  const theme = themeFactory(section, "magazinestandard");
  const enableDropcap = boolean && boolean("Enable DropCap", true);

  return (
    
      {renderTree(ast, {
        ...coreRenderers,
        dropCap(key, { value }) {
          return (
            enableDropcap && (

{({ article, isLoading, error, refetch }) => {
      const data = {
        ...article,
        template: "magazinestandard"
      };

      return (