Using enableWeb3 always show popup QRCode using react-moralis!

Moralis General
#1

Hello, newbie here. Can someone tell me how can i keep user signed by walletconnect keep their session and don’t need to re-signin by scan QR Code when they do ssomething like F5 the whole page? Here is my code

function App() {
  const {
    isWeb3Enabled,
    enableWeb3,
    authenticate,
    isAuthenticated,
    isWeb3EnableLoading,
    account,
    Moralis,
  } = useMoralis();

  const connect = () => {
    try {
      authenticate({ provider: "walletconnect" });
    } catch (error) {
      console.error("Exception " + error);
    }
  };

  useEffect(() => {
    if (isAuthenticated) enableWeb3({ provider: "walletconnect" });
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [isAuthenticated]);

  return (
    <div>
      <button onClick={() => connect()}>Authenticate</button>
    </div>
  );
}

my environment in package.json

"@walletconnect/web3-provider": "^1.6.6",
"moralis": "^1.0.0",
"react-moralis": "^1.0.0",