title: Magic link auth issue in React
body: <p>I am trying to implement direct login on magic-link click</p>
  <p>How it works:</p>
  <ol>
  <li>
  <ul>
  <li>On click login we call magic.auth.loginWithMagicLink</li>
  <li>And pass email and redirect URI</li>
  </ul>
  </li>
  </ol>
  <pre><code>if (email) {
     await magic.auth.loginWithMagicLink({ email, redirectURI: ${window.location.origin}/callback });
  }
  </code></pre>
  <hr />
  <ol start="2">
  <li>RedirectURI is /callback page where we take “magic_credential” from url and pass it to magic.auth.loginWithCredential</li>
  </ol>
  <pre><code>    const { magic_credential = null } = router.query;
  
      if (magic_credential) {
        const magic = new Magic(process.env.MAGIC_PUBLIC_KEY);
        await magic.auth.loginWithCredential(magic_credential);
      }
  
     initMagic(); // fetch userMetada via magic and error appears here like user is not auth
  
  </code></pre>
  <hr />
  <p>As result we get this error:</p>
  <blockquote>
  <p>initMagic start Error: Magic RPC Error: [-32603] Internal error: User
  denied account access.</p>
  </blockquote>
  <p>It looks like I am not authenticated and inside of <code>initMagic()</code> I am fetching some user data and get this error</p>
  <p>Do you know what may be the problem?</p>