Realtime qual a melhor opção, ou como?

Desenvolvo com React/NextJS e sempre tive curiosidades de mecher com realtime, qual seria a melhor abordagem Mqtt, socket ... Atualmente utilizo o react-query para trazer as requisições mas diversas vezes da o loading na pagina sempre que dou o foco nela, e refaz a requisição a maioria das vezes trazendo o meso dado?

alguem poderia me dar uma dica, me mostrar o melhor caminho