Function CarbonAd

website/app/components/CarbonAd.tsx:9–30

({ ...props }: BoxProps)

import classes from './CarbonAd.module.css';

export const CarbonAd = ({ ...props }: BoxProps) => {
	const location = useLocation();

	// We need to rerender the carbon ad when the route changes
	// biome-ignore lint/correctness/useExhaustiveDependencies: Selective.
	useEffect(() => {
		const script = document.createElement('script');
		script.src =
			'//cdn.carbonads.com/carbon.js?serve=CEAI42QN&placement=fontsourceorg';
		script.id = '_carbonads_js';
		script.async = true;
		document.querySelector('#carbonads')?.replaceWith(script);
	}, [location]);

	return (
		<Box className={classes.wrapper} {...props}>
			<Balancer>
				<span id="carbonads" />
			</Balancer>
		</Box>
	);
};