useState ler render dan önce çalışır o yüzden useeffect içerisine koyarsan sayfa yüklendikten sonra çalışır.

Merhaba. Siz verileri asenkron bir yapıda çekiyorsunuz. Doğrudan useState() içine yazdırıyorsanız aslında henüz veri gelmemişken state'in ilk değerini atıyorsunuz muhtemelen. State'e varsayılan olarak boş değer vermeli ve veritabanından gelen verileri useEffect altında bir promise yapısı içinde çağırmalısınız. Örneğin:

const MyComponent = () {
    const [datasState, setDatasState] = useState(null);
    
    useEffect(()=>{
        new Promise(async (resolve,reject) => {
            datas = await getMyData(); // bu fonksiyon ile veritabanınızdan verileri çekiyorsunuz diyelim...
            if(datas) setDatasState(datas);
        }).catch(()=>{ alert("hata var!!!"); });
    },[]);
    
    // datasState değerinin değişimlerini console'dan izleyelim
    useEffect(()=>{
        console.log("datasState", datasState);
    },[datasState]);
    
    return (
        <div>
            { datasState
                ? <MyOtherComponent datas={datasState} />
                : <div>Veriler yükleniyor...</div>
            }
        </div>
    );
};