Custom Refinement separate view more button view and search

I am trying yo build a custom refinement with a separate show more view. As you can see in the video when I click on “View all” Button, A new popups comes and all brands are listing there. The problem I am facing is that when I search on the new pop for brands, The search is also being reflected in the default limited brand list also. I want the search happening only on the view more popup.

So in order to achieve that I tried to make it as two custom refinement components, But the results are still same

current situation : VIDEO

here is my code,

Main Component

<ul>
     <CheckBoxFilter title="Brands" attribute="brand" tag="brand" searchable={true} limit={5} showMore={true} showMoreLimit={1000} />
 </ul>