I'm trying to fetch the data through Apollo Client in react native, the data is not getting fetched and giving errors, what should I do ?

[shubhamk-27]

import React from 'react';
import {Text, View, FlatList} from 'react-native';
import MI from 'react-native-vector-icons/MaterialIcons';
import {
ApolloProvider,
ApolloClient,
InMemoryCache,
useQuery,
gql,
} from '@apollo/client';

const GET_ALL_PRODUCTS = gql{ products { items { name } } };

const HomeScreen = props => {
const data = useQuery(GET_ALL_PRODUCTS);
JSON.parse(data);

return (

<MI name="menu" size={30} onPress={() => props.navigation.openDrawer()} />
Items
<View
style={{
display: 'flex',
flex: 1,
alignItems: 'center',
justifyContent: 'center',
}}>
<FlatList
data={data.products}
renderItem={({item}) => {item.name}}
/>


);
};
export default HomeScreen;

[michaelbromley]

What errors? Please provide specifics.

[shubhamk-27]

I get this error, when I try to fetch data

[michaelbromley]

Looks like maybe that data variable is not an array, so the .map() function is undefined. This is just something you need to debug - it is not related to Vendure in particular and I can't help any better than say, someone on StackOverflow.