IO-3020 IO-3036 Transition enum to function to render correctly.

client/src/components/upsell/upsell.component.jsx

@@ -18,6 +18,8 @@ import "./upsell.styles.scss";
 export default function UpsellComponent({ featureName, subFeatureName, upsell, disableMask }) {
   const { t } = useTranslation();
   const resultProps = upsell || upsellEnum[featureName][subFeatureName];
+
+  console.trace("***LOG  ~ file: upsell.component.jsx:22 ~ UpsellComponent ~ resultProps:", resultProps);
   const componentRef = useRef(null);
 
   useEffect(() => {
@@ -64,7 +66,7 @@ export function UpsellMaskWrapper({ children, upsell, featureName, subFeatureNam
   );
 }
 //This is kept in this function as pulling it out into it's own util/enum prevents passing JSX as an `extra` prop
-export const upsellEnum = {
+export const upsellEnum = () => ({
   bills: {
     autoreconcile: {
       //icon: null,
@@ -233,4 +235,4 @@ export const upsellEnum = {
       extra: <Button type="primary">{i18n.t("upsell.cta.learnmore")}</Button>
     }
   }
-};
+});