SAPUI5 CustomData not writing to DOM

HTML

<script
	id="sap-ui-bootstrap"
	type="text/javascript"
	src="https://sapui5.hana.ondemand.com/1.108.32/resources/sap-ui-core.js"
	data-sap-ui-libs="sap.m"
	data-sap-ui-theme="sap_fiori_3"
></script>

<script id="myXml" type="text/xmldata">
	<mvc:View
		xmlns:core="sap.ui.core"
		xmlns:mvc="sap.ui.core.mvc"
		xmlns="sap.m"
		xmlns:app="http://schemas.sap.com/sapui5/extension/sap.ui.core.CustomData/1"
		controllerName="myController"
		displayBlock="true">
		<App>
		<Page id="page">
			<Button
				id="foobarId"
				icon="sap-icon://visits"
				type="Transparent"
				press="pressFoobar"
				class="natLoginButton"
				text="Foobar text"
				visible="true"
				app:testid="button__foobar"
				app:foobar="true">
				<layoutData>
					<OverflowToolbarLayoutData priority="NeverOverflow" />
				</layoutData>
			</Button>
		</Page>
		</App>
	</mvc:View>
</script>

<body class="sapUiBody">
	<div id="content"></div>
</body>

JavaScript

sap.ui.controller("myController", {
   onInit: function() {
      this.oPage = this.byId("page");
      this.getView().addStyleClass("sapUiSizeCompact");
   },
});

sap.ui.view({
   viewContent: jQuery('#myXml').html(),
   type: sap.ui.core.mvc.ViewType.XML
}).placeAt("content")