Provides utilities to check if ad block is enabled on a page via both a React hook and a wrapper component.
npm install @renfei/adblock-detect-reactProvides 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 "@renfei/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 "@renfei/adblock-detect-react";const SomeFunctionalComponent = () => {
return (
{"Hello Ad Blocked Page"}
);
};
``