سلام و عرض ادب

اگر ما کد زیر که مربوط به fetch کردن data هاست رو خارج از useEffect هم قرار بدیم باز کد به درستی اجرا میشه. وقتی کد بدون useEffect هم درست کار میکنه چه دلیلی داره که ما بیاییم از useEffect استفاده کنیم؟

    useEffect(() => {
        fetch('http://localhost:3001/heroes')
            .then(response => response.json())
            .then(heroes => setHeroes(heroes))
    }, [])