Issues with Loading new template after editor has initialized.

I have a use case where I would like to allow users to switch the template they are editing.

On the initial load, the code seems to work fine and loads the template as expected, but on the subsequent loads the canvas is wiped blank.

load: function(keys, clb) {
        var result = {},
        fd = {},
        params = {
          'entity_type': drupalSettings.wembassy.siteBuilder.entity_type,
          'bundle': drupalSettings.wembassy.siteBuilder.bundle,
          'template': $('#gjs-pn-templates-a select').val(),
          'default': 1,
          'status': 1
        };

        for(var key in params)
          fd[key] = params[key];

        fd.keys = keys;

        let req = $.ajax({
          url: '/js/grapesjs/load',
          data: fd,
          async: false,
          method: 'GET',
        }).done(function(d) {
          var result = {};
          for (var i = 0, len = keys.length; i < len; i++){
            var v = d.data[keys[i]];
            if(v) result[keys[i]] = v;
          }
          console.log(result);
          clb(result);
          return result;
        });
      },