Querying when component renders

useQuery.js

import React, { useEffect, useState } from 'react'
import { API, graphqlOperation } from 'aws-amplify'

const query = `
  query {
    listTodos {
      items {
        id
        name
        description
      }
    }
  }
`

export default function() {
  const [todos, updateTodos] = useState([])

  useEffect(async() => {
    try {
      const todoData = await API.graphql(graphqlOperation(query))
      updateTodos(todoData.data.listTodos.items)
    } catch (err) {
      console.log('error: ', err)
    }
  }, [])

  return todos
}

thanks for the example !