React useeffect

Подскажите как мне сделать что бы на разных страницах работали разные useEffect App.js

const [chek, setChek] = useState("filtrnew");
useEffect(() => {
        if(chek === "filtrnew"){
        window.addEventListener('popstate', () => goBack());
        }bridge.subscribe(({ detail: { type, data }}) => {
            if (type === 'VKWebAppUpdateConfig') {
                setScheme(data.scheme)
            }
        });

Вторая страница Filtr.js

function Sz({chek}) {
if(chek === "filtrnew"){
            setChek("no");
        }
useEffect(() => {
            if (chek === "no"){
            window.addEventListener('popstate', () => goBack11());}
        })

Но он все ровно работает только по useEffect который в app.js не реагируя на то что я поменял переменную chek