Game of thrones app build with GraphQL & React Native

GOTApp.js

import React, {useState, useEffect} from 'react';
import {StyleSheet, Text, View, Image} from 'react-native';

import { API, graphqlOperation } from 'aws-amplify'

const query = `
  query listCharacters {
    listCharacters {
      items {
        id name description avatar
      }
    }
  }
`

function App() {
  const [characters, setCharacters] = useState([])

  async function fetchCharacters() {
    try {
      const gotData = await API.graphql(graphqlOperation(query))
      setCharacters(gotData.data.listCharacters.items)
    } catch (err) {
      console.log({ err })
    }
  }

  useEffect(() => {
    fetchCharacters()
  }, [])

  return (
    <View style={styles.container}>
      <Text style={styles.welcome}>Welcome to React Native!</Text>
      <Text style={styles.instructions}>To get started, edit App.js</Text>
      {
        characters.map((c, i) => (
          <View>
            <Image source={{uri: c.avatar}} />
            <Text>{c.name}</Text>
            <Text>{c.description}</Text>
          </View>
        ))
      }
    </View>
  );
}

export default App

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  },
  welcome: {
    fontSize: 20,
    textAlign: 'center',
    margin: 10,
  },
  instructions: {
    textAlign: 'center',
    color: '#333333',
    marginBottom: 5,
  },
});