recycled query teardown

Changelog.md

@@ -6,7 +6,7 @@
 #### BREAKING FOR TYPESCRIPT USERS
 - Feature: Enhanced typescript definitions to allow for more valid type checking of graphql HOC [PR #695](https://github.com/apollographql/react-apollo/pull/695)
 - Feature: Flow types: [PR #695](https://github.com/apollographql/react-apollo/pull/695)
-
+- Fix: Fix bug with sync re-renders and recyled queries [PR #740](https://github.com/apollographql/react-apollo/pull/740)
 
 ### 1.3.0
 - Feature: Support tree shaking and smaller (marginally) bundles via rollup [PR #691](https://github.com/apollographql/react-apollo/pull/691)

src/graphql.tsx

@@ -262,14 +262,18 @@ export default function graphql<TResult = {}, TProps = {}, TChildProps = Default
 
       componentWillUnmount() {
         if (this.type === DocumentType.Query) {
+          // It is critical that this happens prior to recyling the query
+          // if not it breaks the loading state / network status because
+          // an orphan observer is created in AC (intended) which is cleaned up
+          // when the browser has time via a setTimeout(0)
+          // Unsubscribe from our query subscription.
+          this.unsubscribeFromQuery();
+
           // Recycle the query observable if there ever was one.
           if (this.queryObservable) {
             recycler.recycle(this.queryObservable);
             delete this.queryObservable;
           }
-
-          // Unsubscribe from our query subscription.
-          this.unsubscribeFromQuery();
         }
 
         if (this.type === DocumentType.Subscription) this.unsubscribeFromQuery();