Hope I´m getting this right ... you need just a one call inside the event card component? if that what you need yo probably need to pass an empty dependency array ... that way the api call will be triggered just once ...

useEffect(() => {
    async () => {
      setZones(await fetchZones());
    }
  }, [])