Applying multiple filters does not work

[britisharmy]

I have this code in react native

import { StyleSheet, Text, View, Button, Dimensions, ScrollView , Platform, FlatList    } from 'react-native';
import { InstantSearch, Configure, useHits  } from "react-instantsearch-hooks";

import axios from 'axios';


const Profile = () => {


 const HitItem = ({ hit }) => (
  <View style={{ padding: 10 }}>
    <Text style={{ fontSize: 18, fontWeight: 'bold' }}>{hit.title}</Text>
    <Text style={{ fontSize: 16 }}>{hit.description}</Text>
  </View>
);

const HitsList = () => {
  const { hits, refine, isLastPage } = useHits({ hitsPerPage: 4 });

  return (
    <FlatList
      data={hits}
      renderItem={({ item }) => <HitItem hit={item} />}
      keyExtractor={item => item.objectID}
      onEndReachedThreshold={0.5}
    />
  );
};
  
  
  return (
  <ScrollView> 
    <View style={styles.container}>
             
     <InstantSearch  indexName="main_search" searchClient={SearchClient}>

      <Configure
      hitsPerPage={40}
      query=""
      filters="search_data.make:'Toyota' AND search_data.make:'Nissan'"
      />
      
      <HitsList />
      
     </InstantSearch>
     
     </View>     
   
    </View>
    </ScrollView>
    
  )

}



const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },

});


export default Profile

My code

<Configure
      hitsPerPage={40}
      query=""
      filters="search_data.make:'Toyota' AND search_data.make:'Nissan'"
      />

does not apply multiple filters. What could be the problem?