Passing Multiple data from custom dialog component

Hey guys,

I am querying a pageview with a list of video documents.
I also have a filter button that opens a custom dialog component, where a user can toggle a slider, select multiple options from choicechips or do both and click submit which should inturn query the pageview with the above filters.
So at page load, pageview by default should query all the document and order them by time, decreasing. But on submission from custom dialogue, it should be filtered by both the choicechips and slider.
I tried local state variables but it loads the pageview empty and returns error!)

any help is appreciated on how to implement this logic!

2