Provides utilities to check if ad block is enabled on a page via both a React hook and a wrapper component.
npm install adblock-detect-react
!Publish Status
Provides utilities to check if ad block is enabled on a page via either a React hook or a wrapper component.
``tsx
import React from "react";
import { useDetectAdBlock } from "adblock-detect-react";
const SomeFunctionalComponent = () => {
const adBlockDetected = useDetectAdBlock();
React.useEffect(() => {
if (adBlockDetected) {
window.alert("ad block detected");
}
}, []);
return
$3
`tsx
import React from "react";
import { AdBlockDetectedWrapper } from "adblock-detect-react";const SomeFunctionalComponent = () => {
return (
{"Hello Ad Blocked Page"}
);
};
``