Iam using a defaultProvider = ref.watch(defaultProvider) whish is a Future provider to fetch data from an api source and using the result to populate aListView.Builder using

ref.watch(countryProvider).when(
data: (userData) {
List<Article> itemList=
userData.map((e) => e).toList();
return <Widget>(//using itemList[index].data here )
error:(){},
loading(){}
)

how to repopulate this view with the search results from the ref.read(searchProvider(value)); whcih is another FutureProvider ? Both returns a type List<CustomType>

final defaultProvider= FutureProvider<List<CustomType>>((ref) =>
    APIService(('queryparam', 'value'), apiUrl: URLConstants().urlType)
        .getData());