const searchParams = useSearchParams();
const hasRun = useRef(false);

useEffect(() => {
  // Open edit modal if visits page with ID in url
  if(searchParams.get("id") === globalBan._id && !hasRun.current) {
    hasRun.current = true;
    openEdit();
    console.log("opened");
  }
}, []);

Why are two modals being opened when I visit my page with an ID in the URL?