Gestor de páginas múltiples reinicia el administrador de dispositivos

Hola, tengo un pequeño problema con el gestor de páginas. Quiero que todas las páginas tengan una resolución fija. Las cifras de altura y anchura provienen de una API y puedo mostrar con éxito la resolución deseada en la plantilla de una sola página.

Sin embargo, en la plantilla de varias páginas, una vez que cambio a otra página, el administrador de dispositivos se reinicia a pantalla completa (por defecto). ¿Cómo puedo lograr mi objetivo para que la resolución deseada se muestre correctamente en todas las páginas?

Por favor, mira a continuación mi código en React js:

useEffect(() => {
  const editor = grapesjs.init({
    contenedor: "#editor",
    blockManager: {
      appendTo: "#blocks",
    },
    StyleManager: {
      appendTo: "#styles-contenedor",
      Sectores: [
        {
          nombre: "Dimension",
          abierto: falso,
          buildProps: ["ancho", "altura mínima", "acolchado"],
          Propiedades: [
            {
              tipo: "entero",
              nombre: "El ancho",
              propiedad: "ancho",
              Unidades: ["PX", "%"],
              Valores por defecto: "auto",
              min: 0,
            },
          ],
        },
      ],
    },
    layerManager: {
      appendTo: "#layers-contenedor",
    },
    traitManager: {
      appendTo: "#trait-contenedor",
    },
    selectorManager: {
      appendTo: "#styles-contenedor",
    },
    Paneles: {
      Valores por defecto: [
        {
          id: "acciones básicas",
          el: ".panel__basic-acciones",
          botones: [
            {
              id: "visibilidad",
              activo: true, // activo por defecto
              NombreClase: "btn-toggle-borders",
              etiqueta: '<i class="fa fa-clone"></i>',
              comando: "sw-visibility", // Comando incorporado
            },
          ],
        },
        {
          id: "panel-dispositivos",
          EL: ".panel__devices",
          botones: [
            {
              id: "dispositivo-escritorio",
              etiqueta: '<i class="fa fa-television"></i>',
              comando: "establecer-dispositivo-escritorio",
              ACTIVO: Cierto,
              Activable: falso,
            },
            {
              id: "store-data",
              etiqueta: '<i class="fa fa-save"></i>',
              comando: "plantilla-almacén",
              Activable: falso,
            },
          ],
        },
      ],
    },
    deviceManager: {
      Dispositivos: [
        {
          nombre: "Escritorio",
          Ancho: '${Ancho}px',
          Altura: '${Altura}PX',
        },
      ],
    },
    storageManager: {
      ...
    },
    plugins: [gjsBlockBasic],
    pluginsOpts: {
      gjsBlockBasic: {},
    },
    PageManager: cierto,
  });

const pageManager = editor. Páginas;
  editor.on("load", () => {
    setPages([... pageManager.getAll()]);
  });

editor. Commands.add("set-device-desktop", {
    run: (editor) => editor.setDevice("Escritorio"),
  });
  setEditor (editor);
}, [slugId]);