Route conditions not evaluated in RouterCtl#set

I added condition to my route (staticRoute("/profile", ProfilePage) ~> renderR(ctl => Profile(ctl))) .addCondition(grantPrivateAccess)(_ => redirectToPage(Home)(Redirect.Push))

When i use <a href="/profile"> or window.location.href = "/profile" it works, but when I use methods of RouterCtl (set(ProfilePage)) condition grantPrivateAccess isn`t checked and it goes to ProfilePage How can I fix it ?

[japgolly]

You’ve got impure code outside of Callback; side-effects must be captured inside Callback. To be specific, localStorage (just like a global variable) isn’t referentially-transparent and is the problem here.

Try changing

def grantPrivateAccess = {
    val rule: js.Any = global.window.localStorage.getItem("token")
    if(rule != null)
      CallbackTo(true)
    else
      CallbackTo(false)
  }

to this:

val grantPrivateAccess = CallbackTo {
    val rule: js.Any = global.window.localStorage.getItem("token")
    rule != null
  }

[japgolly]

As a temporary hack, you could use RouterCtl#contramap to workaround this. So something like:

def temporaryWorkaround(r: RouterCtl[MyPage]): RouterCtl[MyPage] =
  r.contramap {
    case ProfilePage if !grantPrivateAccess() => Home
    case p => p
  }