Type Error when destructuring elements In ReactJS

That kind of destructuring is not gonna work, because at the time when it happens data is still undefined. So you’ll need to wait for it to load.

  const { loading, data } = useQuery(FETCH_POSTS);

  return loading ? (
  ) : (
    data.getPosts.map((post) => (
      <Grid.Column key={post.id}>
        <PostCard post={post} />

CLICK HERE to find out more related problems solutions.

Leave a Comment

Your email address will not be published.

Scroll to Top