How to update state of reactjs in realtime from an polkadotjs rpc api?

Question

  const unsubHeads = await data.rpc.chain.subscribeNewHeads((lastHeader) => {
            console.log(`: last block #${lastHeader.number} has hash ${lastHeader.ha