Hosted Pages + Custom UI throws invalid_token 'state' does not match Error

I’m using a Hosted Login Page with Custom UI, this means NO lock
My Client is an Angular 1.6 SPA with the angular-auth0 component
in auth.service.js I have
function authService($state, angularAuth0, $timeout, $cookies, $window) {

    function login() {

the login.controller.js
function LoginController(authService) {

    var vm = this;
    vm.auth = authService;


and the view is a PUG(Jade) file
aria-label=“Sign In”)
| Sign In

then the callback.js
function callbackController(angularAuth0, $timeout, $state) {
angularAuth0.parseHash(function(err, authResult) {
if (authResult && authResult.accessToken && authResult.idToken) {
$state.go(‘projects.list’, { location: ‘replace’ });
} else if (err) {
$timeout(function() {

my app.config.js is
clientID: authClientID,
domain: authDomain,
responseType: ‘token id_token’,
audience: ‘’,
redirectUri: ‘http://localhost:9001/callback’,
scope: ‘openid’,
state: ‘xyzABC123’

How do I set/change the state?

From the quickstart for angular, I see that the initialization for the angular-auth0 library does not use the state attribute. It should be done as:

  clientID: '{CLIENT_ID}',
  domain: '{YOUR_AUTH0_DOMAIN}',
  responseType: 'token id_token',
  audience: 'https://{YOUR_AUTH0_DOMAIN}/userinfo',
  redirectUri: 'http://localhost:3000/callback',
  scope: 'openid'

You can see the Angular sample for more info here:

Actually that was my first approach NO state
but because I got the “invalid_token ‘state’ does not match Error” then I’m trying to set a state
So, If I don’t set the state I’m getting the same error…

Hey there!

Sorry for such huge delay in response! We’re doing our best in providing you with best developer support experience out there, but sometimes our bandwidth is not enough comparing to the number of incoming questions.

Wanted to reach out to know if you still require further assistance?