Cómo recargar el HTML de un widget después de una actualización de estado

Desarrollador
1

¿Cómo recargar el HTML de un widget cuando el estado cambia? En el siguiente código, inicialmente el estado es “none” y después de que la página se carga, cambia a un nuevo estado, pero el HTML solo se actualiza al hacer clic en él. ¿Cómo puedo refrescarlo automáticamente cuando se actualiza el estado?

const h = require(“virtual-dom”).h;

api.createWidget(“my-first-widget”, {
tagName: “div.navigationBar”,
buildKey: () => ‘increment-button’,

defaultState() {
  api.onPageChange((url, title) => {
    name = "new state";
  });
  return {
    name: "none",
  };
},

html(attrs, state) {
 return h('h1', state.name);
}

});