Grapesjs bootstrap modal

¿Cómo podemos reemplazar el modal grapesjs por uno bootstrap? Por ejemplo, digamos que quiero abrir el modal de exportación de la biblioteca MJML. Creé el elemento html en mi opinión:

<div class="modal fade" id="export-plantilla" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-lg" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title" id="updatePasswordLabel">Exportar plantilla</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">×</span>
				</button>
			</div>
			<div class="modal-body">
				<div class="row">
					<div class="col">
						<div id="exportModalContent"></div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

Luego command-export-mjml.js sobrescribo con 'const container = document.getElementById("exportModalContent");' y

$("#export-plantilla").modal('mostrar');
modal.open();

Pero esto abre tanto el modal BS como el modal de uvas, aunque el modal de uvas está fuera del modal BS.