// @onlyOwnGrammar - As this has jsx
const { loading, error, data } = useQuery<{
tasks: Array<Pick<Task, 'id' | 'title'>>
}>(taskListQuery)
if (loading) return <p>Loading...</p>
if (error)
return (
<>
<p>Error :(</p>
<p>{`${error}`}</p>
</>
)