AppSnippetHasura.js

import { gql, useMutation } from "@apollo/client";

/* more code */

const ADD_WISHLIST = gql`
  mutation ADD_WISHLIST(
    $email: String!
    $plant: String!
    $suggestion: String!
  ) {
    insert_users_wishlist(
      objects: { email: $email, plant: $plant, suggestion: $suggestion }
    ) {
      affected_rows
    }
  }
`;

/* more code */

function App() {
/* more code */

 useEffect(() => {
    if (appStep === 3 && userEmail !== "") {
      addToWishlistMutation({
        variables: {
          email: userEmail,
          plant: userPlant.name,
          suggestion: userPlant.category,
        },
      });
    }
  }, [appStep, userEmail, userPlant, addToWishlistMutation]);

/* more code */
}