I am calling an api in my Next component to join game and it should be called only once, but for some reason it's getting called twice. I think the reason of it that next renders the component twice. is there any way to eliminate this. I have tried using ref, empty dependency array, and some other but nothings seems to be working