How to subscribe Create and Delete with <Connect />

** Which Category is your question related to? ** API / GraphQL

** What AWS Services are you utilizing? ** AWS AppSync

** Provide additional details e.g. code snippets ** Hello all,

I’m trying to subscribe any updates including create, delete and update in my GraphQL backend using <Connect />, but all I could find from Amplify API doc was just an example which is subscribing Create events only like following.

<Connect
    query={graphqlOperation(queries.listTodos)}
    subscription={graphqlOperation(subscriptions.onCreateTodo)}
    onSubscriptionMsg={(prev, { onCreateTodo }) => {
        console.log ( onCreateTodo );
        return prev; 
    }}
>

Anyone know how to subscribe create and delete at the same time with <Connect />?

[wizawuza]

I just realized I misread your post (sorry, busy day). So my other post may not answer your question, but maybe this will: you’ll have to use a custom subscription. For example, amplify probably creates something like this in a subscriptions.js file:

export const onCreatePost = `subscription OnCreatePost {
  onCreatePost {
    id
    field1
    field2
  }
}
`;
export const onDeletePost = `subscription OnDeletePost {
  onDeletePost {
    id
    field1
    field2
  }
}
`;

And then you can only select onCreatePost OR onDeletePost

But you could create a new subscription in a custom file:

export const onCreateOrDeletePost = `subscription onCreateOrDeletePost {
  onCreatePost {
    id
    field1
    field2
  },
  onDeletePost {
    id
    field1
    field2
  }
}
`;

I think that’ll work, worth a quick try at least.

There may be a more elegant way of doing this without doing a custom subscription.js file, but I don’t know it.

[github-actions[bot]]

This issue has been automatically locked since there hasn’t been any recent activity after it was closed. Please open a new issue for related bugs.

Looking for a help forum? We recommend joining the Amplify Community Discord server *-help channels or Discussions for those types of questions.