Subscriptions not receiving updates after network disconnect/reconnect

Subscriptions do not receive updates anymore after a network disconnect/reconnect on a real device. On an emulator the subscription does receive updates after a network disconnect/reconnect.

I'm using react native with:

"aws-appsync": "^3.0.2",
"aws-appsync-react": "^3.0.2",

The code I'm using:

```
export function Cards(props) {

React.useEffect(() => {
subscribeToCardUpdates();
return () => {
if (Cards.unsubscribeCardUpdates) {
Cards.unsubscribeCardUpdates();
}
};
}, []);

const subscribeToCardUpdates = () => {
Cards.unsubscribeCardUpdates = props.subscribeToCardUpdates({
document: CardSubscriptionGraphQL,
variables: {
ownerId: 'someOwnerId',
},
onError: (error) => {
console.log(error);
trackEvent('Cards Subscription error', {error});
},
});
};

return (

);
}

export const mapCardsProps = (props) => {
return {
cards: props.data.cards.items,
subscribeToCardUpdates: props.data.subscribeToMore,
};
};

export default graphql(AccountAndCardsGraphQL, selectConfig(mapCardsProps))(Cards);
```
The subscription:

```
export const CardSubscriptionGraphQL = gql`
subscription CardSubscription($ownerId: String!) {
onCard(ownerId: $ownerId) {
id
ownerId
//Other properties...
}
}
`;
```

Start with the Cards component, its subscribeToMore mapping, and the aws-appsync/react-native subscription setup shown in the report. Compare the real-device and emulator behavior across a network disconnect and reconnect, including the onError callback. Done means the GraphQL subscription resumes receiving updates on a real device after reconnection.

Written by the indexing model from the issue text.