How to wrap *each* children of TYPO3.Neos:ContentCollection into custom markup?

BlockGrid.ts2

prototype(M12.Foundation:Content) < prototype(TYPO3.Neos:Content)

prototype(M12.Foundation:BlockGrid) < prototype(M12.Foundation:Content) {
	blockGridContent = TYPO3.TypoScript:Collection {
		collection = ${q(node).children('[instanceof TYPO3.Neos:ContentCollection]').children()}

		itemName = 'gridItem'
		itemRenderer = TYPO3.Neos:Content {
		  node = ${gridItem}
			templatePath = 'resource://M12.Foundation/Private/Templates/NodeTypes/BlockGridItem.html'
		}
	}
}

BlockGridItem.html

{namespace ts=TYPO3\TypoScript\ViewHelpers}
<li>
  <ts:render path="node" />
</li>