const [inventory, setInventory] = useState('')

    let web3

    useEffect(() =>{
        getInventoryHandler()
    },[inventory])

    const getInventoryHandler = async () => {
        try {
            // const delay = ms => new Promise(res => setTimeout(res, ms));
            const inventory= await vmContract.methods.getVendingBalance().call()
            await setInventory(inventory)
            console.log(inventory)
            
        } catch (err) {
            setError(err.message)
        }
      } 

I am new to next.js and trying to get data from web 3 blockchain and my state is not updating i dont know why. But when i console.log 2 blank data are received before my actual resultenter image description here

Can you explain how it is working. Please help me