title: loginWithPopup() does not work with auth0 spa
body: <p><a href="https://i.stack.imgur.com/pv3Md.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pv3Md.png" alt="enter image description here" /></a></p>
  <p>I am creating an auth0 spa login page with loginWithPopup(), but every time it responds with a misconfiguration error but the same works with loginWithRedirect() without any problem. Just like loginWithRedirect(), I want a username and password fields (in loginWithPopup()) where I can enter my credentials and redirect to the home page. Please look at the image for the error page.</p>
  <pre><code>import React, { useState } from &quot;react&quot;;
  import { useAuth0 } from &quot;../react_auth0&quot;;
  
  
  const Login = props =&gt; {
      const [isOpen, setIsOpen] = useState(false);
      const { isAuthenticated, loginWithRedirect, loginWithPopup, logout } = useAuth0();
      const toggle = () =&gt; setIsOpen(!isOpen);
  
      const logoutWithRedirect = () =&gt;
          logout({
              returnTo: window.location.history
          });
  
      const login = async e =&gt; {
          e.preventDefault();
          await loginWithPopup({});
      };
  
      return (
          &lt;div&gt;
              &lt;button onClick={login}&gt;
                  Login
        &lt;/button&gt;
          &lt;/div&gt;
      );
  };
  
  export default Login;
  </code></pre>
  <p>My react-auth0-spa.js code is exactly as auth0 spa sample code as in their Github.</p>