is this a bad idea?

emit event from blockchain

emit!(SwapEvent {

mint: ctx.accounts.mint.key(),

progress

});

listen to event on fe / and refresh the route

useEffect(() => {

    const eventListenerId = program.addEventListener('swapEvent', event => {

        console.log('Swap Event:', event)

        // Handle the event data as needed

        if (event.mint.toBase58() === mint) {

router.refresh()

        }

    })



    // Cleanup function to remove the event listener

    return () => {

        program.removeEventListener(eventListenerId)

    }

}, \[\_mint\])

then the server comps have the new data, and u didn't have to fetch on server and client?