A bit issue with Moralis Auth

Moralis
#1

Whenever a user switches/connects his/her new wallet address. Moralis auth pops up 4 times!

Screenshot 2021-10-11 at 11.33.46 PM|467x85

#2

sometimes it pops up 34 times
Screenshot 2021-10-11 at 11.35.29 PM

#3 
props.Moralis.onAccountsChanged(async function (accounts) {
          await props.authenticate();
    });

I have a doubt that it’s because of this function

#4

I heard that useEffect can solve similar problems

#5

how to do that?

^ this one was mentioned in the docs