自定义钩子重定向循环

Question

我正在创建一个自定义钩子，用于从url中排除某些路径并将其推送到404页面。 我也正在使用下一个js动态路由，因此是[tv]。

当我输入一个URL女巫时，它在whiteList数组中被列入白名单。

一旦我从条件语句中删除了not(!)运算符，它就适用于数组中未包含的任何URL，这使我感到困惑。

逻辑是否有问题或我缺少什么？

const whiteList = ['television1', 'television2', 'television3'];
export const useWhiteListParams = () => {
  const router = useRouter();
  const { tv } = router.query;
  useEffect(() => {
      if(!whiteList.includes(tv)) {
          router.push('/404');
      }
  }, [tv])

}

谢谢