client Users.tsx graphql query: postgraphile demo

Users.tsx

import React, { useState, useEffect } from 'react'
import { useGetUsersQuery, User } from '../generated/graphql'

const Users: React.FC = () => {
  const [users, setUsers] = useState()
  const { data, error, loading } = useGetUsersQuery()

  useEffect(() => {
    if (data) {
      if (data && data.allUsers && data.allUsers.nodes) {
        setUsers(data.allUsers.nodes)
      }
    }
    if (error) {
      console.log(error)
    }
    if (loading) {
      console.log(loading)
    }
  }, [data, error, loading])

  return (
    <>
      <h2>Hello users,</h2>
      {users &&
        users.length > 0 &&
        users.map((user: User, index: number) => (
          <p key={`user_${index}`}>{user.name}</p>
        ))}
    </>
  )
}

export default Users

import { useGetUsersQuery, User } from '../generated/graphql'

it should be

'./generated/graphql'