SPA Variables not working

Wappler Version : 3.0.0 beta1
Operating System : windows 10

Expected behavior

In a SPA, I have added a variable to one of the sub pages. I have a _login.html where I added a variable “loginerror”. When an error occurs then I do the following in JS function:
dmx.app.set(‘loginerror’, error);
var myVar = dmx.parse(‘loginerror’);
console.log("loginerror: ", myVar);

I can see that the console.log is correct so the variable has been updated.
I have bound that variable to a paragraph box on the login page to show the loginerror

Actual behavior

The paragraph component does not get updated ever. I have had to move the loginerror to the top level page for it to work. This will become unmanageable soon if more and more variables are needed.
I want the variables to be scoped to the sub page

How to reproduce

create an index.html
add a sub page like in this guide https://docs.wappler.io/t/creating-single-page-apps-spa/6583
add a varible to the App of the sub page
bind that variable to a component on the sub page.
update the variable using a javascript function (or maybe any update method?)