How to create, filter options with facet or dropdownfield, for a paging grid interface

Scenario: Have filter options with facet or dropdownfield, for a paging grid interface.

Tried face option but it keeps throwing an error:  Interface Definition: Expression evaluation error at function a!sideBySideLayout [line 23]: A side by side layout has an invalid value for “items”. Items must be null, a side by side item, or an array of side by side items. Received: Facet at index 1.

How to fix this error so that facet options for paging grid can be working? Below is the facet option code inside paging grid. The sidebysidelayout with facet option is inside  with() which has the paging grid.

NOTE: Prefer this way than Service Backed Record Type which shows News/RelationActions tabs which are not required for this business case. 

a!sideBySideLayout(
items: {
a!facet(
name: "Team",
options: a!forEach(
items: local!events,
expression: a!facetOption(
id: fv!index,
name: fv!item,
filter: a!queryFilter(
field: "Team",
operator: "=",
value: fv!item
),
dataCount: count(local!events)
)
)
)
}
),