Application on Next.js. How to implement a search on the city object?

Question

React

I am developing an application on Next.js. I can not understand how to properly organize the structure of the search for cities.
There is such a data structure:


I need to immediately start filtering on input to the input and pass this filtered object for drawing. That is, by changing the state, I hide or show the fields from the object. The peculiarity is that you need to show the entire area if at least one occurrence is found, and also how to highlight this / these occurrences visually, which class can hang.