Como recarregar o HTML de um widget após uma atualização de estado

Dev
1

Como recarregar o HTML de um widget quando o estado for alterado no código abaixo: inicialmente, o estado é ‘none’ e, após o carregamento da página, ele muda para um novo estado, mas o HTML só é alterado quando clico nele. Como atualizá-lo automaticamente quando o estado for atualizado?

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)

});