diff --git a/src/form/index.tsx b/src/form/index.tsx index eda6792596..88e421b329 100644 --- a/src/form/index.tsx +++ b/src/form/index.tsx @@ -92,7 +92,7 @@ export default function Form({ variant = 'full-page', ...props }: FormProps) { funnelType="single-page" optionalStepNumbers={[]} totalFunnelSteps={1} - funnelNameSelectors={[funnelNameSelector, `.${analyticsSelectors.header}`]} + funnelNameSelectors={() => [funnelNameSelector, `.${analyticsSelectors.header}`]} > string[]; funnelType: FunnelStartProps['funnelType']; optionalStepNumbers: FunnelStartProps['optionalStepNumbers']; totalFunnelSteps: FunnelStartProps['totalFunnelSteps']; @@ -139,7 +139,7 @@ const InnerAnalyticsFunnel = ({ mounted = true, children, stepConfiguration, ... */ let funnelInteractionId: string; const handle = setTimeout(() => { - funnelNameSelector.current = evaluateSelectors(props.funnelNameSelectors || [], getFunnelNameSelector()); + funnelNameSelector.current = evaluateSelectors(props.funnelNameSelectors?.() || [], getFunnelNameSelector()); if (props.funnelType === 'single-page' && wizardCount.current > 0) { return; } diff --git a/src/modal/index.tsx b/src/modal/index.tsx index 413c7adb88..016cab44ea 100644 --- a/src/modal/index.tsx +++ b/src/modal/index.tsx @@ -41,7 +41,9 @@ function ModalWithAnalyticsFunnel({ funnelType="modal" optionalStepNumbers={[]} totalFunnelSteps={1} - funnelNameSelectors={[`[${DATA_ATTR_MODAL_ID}="${window?.CSS?.escape(modalId)}"] .${styles['header--text']}`]} + funnelNameSelectors={() => [ + `[${DATA_ATTR_MODAL_ID}="${window?.CSS?.escape(modalId)}"] .${styles['header--text']}`, + ]} >