How to config router for sap.ui.layout.ResponsiveSplitter? - sapui5

Question

Related:
What is the meaning of 'controlAggregation' in the SAPUI5 routing configuration?
Routing Configuration Documentation
ResponsiveSplitter sample
My configuration:
// App.view.xml
<l:ResponsiveSplitter>
<l:PaneContainer id="idAppControl">
</l:PaneContainer>
</l:ResponsiveSplitter>
// Master/Detail.view.xml
<l:SplitPane>
<Panel headerText="some text"></Panel>
</l:SplitPane>
// manifest.json
"routing": {
"config": {
"routerClass": "sap.m.routing.Router",
"viewType": "XML",
"viewPath": "mynamespace.view",
"controlId": "idAppControl",
"bypassed": {
"target": [
"master",
"notFound"
]
},
"async": true
},
"routes": [
{
"pattern": "/:?query:",
"name": "master",
"target": [
"master"
]
},
{
"pattern": "ControlSet/{objectId}",
"name": "entity",
"target": [
"master",
"object"
]
}
],
"targets": {
"master": {
"viewName": "Master",
"viewId": "master",
"controlAggregation": "panes"
},
"object": {
"viewName": "Detail",
"viewId": "detail",
"controlAggregation": "panes"
},
"notFound": {
"viewName": "NotFound",
"viewId": "notFound",
"controlAggregation": "panes"
}
}
}
The aggregation relationship of ResponsiveSplitter is:
ResponsiveSplitter -> rootPaneContainer(Aggregations) -> PaneContainer -> panes(Aggregations) -> SplitPane
ResponsiveSplitter -> PaneContainer (one to one relationship)
PaneContainer -> SplitPane (one to many relationship)
But I get an error:
Error: "Element sap.ui.layout.SplitPane#__pane0" is not valid for aggregation "content" of Element sap.ui.core.mvc.XMLView#application-Monitor-display-component---master

Answer 1

Thanks to #Erch's suggestions, I use FlexibleColumnLayout instead, route config:
"routing": {
"config": {
"routerClass": "sap.f.routing.Router",
"viewType": "XML",
"viewPath": "monitor.view",
"controlId": "fcl",
"transition": "slide",
"bypassed": {
},
"async": true
},
"routes": [
{
"pattern": ":layout:",
"name": "master",
"target": [
"master",
"detail"
]
},
{
"pattern": "detail/{objectId}/{layout}",
"name": "detail",
"target": [
"master",
"detail"
]
}
],
"targets": {
"master": {
"viewName": "Master",
"controlAggregation": "beginColumnPages"
},
"detail": {
"viewName": "Detail",
"controlAggregation": "midColumnPages"
}
}
}