Fix StickyBottomBanner to dispatch 'banner:none' event only when no banner is rendered - adding logic inside of useEffect before returning to prevent lint error

Author: dskamiotis

dotcom-rendering/src/components/StickyBottomBanner.importable.tsx

@@ -402,17 +402,18 @@ export const StickyBottomBanner = ({
 		isInAuxiaControlGroup,
 	]);
 
+	useEffect(() => {
+		if (SelectedBanner == null) {
+			document.dispatchEvent(
+				new CustomEvent('banner:none', {
+					detail: { readerRevenue: false },
+				}),
+			);
+		}
+	}, [SelectedBanner]);
 	if (SelectedBanner) {
 		return <SelectedBanner />;
 	}
 
-	useEffect(() => {
-		document.dispatchEvent(
-			new CustomEvent('banner:none', {
-				detail: { readerRevenue: false },
-			}),
-		);
-	});
-
 	return null;
 };