Dynamic function refresh is not working

Hi

I’m coding a new power-up, but just trying the basic code to show info the card-detail-badges and the dynamic function to refresh the content every 10 seconds, the function is only called twice, this is the basic Trello example

window.TrelloPowerUp.initialize({
  "card-detail-badges": function (t, opts) {
    return t
      .card("name")
      .get("name")
      .then(function (cardName) {
        console.log("We just loaded the card name for fun: " + cardName);

        return [
          {
            dynamic: function () {
              return {
                title: "Detail Badge",
                text: "Dynamic " + (Math.random() * 100).toFixed(0).toString(),
                color: randomBadgeColor(),
                refresh: 10, // in seconds
              };
            },
          }]
      })
  }
})

any idea??