Nextjs graphql mutation stuck send request

Question

This is my code to delete a user:

  const [selected, setSelected] = useState<string | null>(null);


  const DELETE_USER = gql`
    mutation RemoveUser($_id: String!) {
      removeUser(_id: $_id)
    }
  `;
  const [removeUser, { loading, error }] = useMutation(DELETE_USER);

  const handleDelete = () => {
    removeUser({
      variables: {
        _id: selected,
      },
    });
  };


...

 <Button isLoading={loading} onClick={handleDelete} variant="ghost">
              Delete
            </Button>

Note : selected is always non empty before the handleDelete function call.

I don't get any error or warning and I am just stuck in the loading state in the UI.

Answer 1

env variable was undefined on the client-side in nextjs. the problem is solved.