fix: reset pages promises after transitions when using the new trigge…

…r prop

src/context/InternalProvider.js

@@ -1,6 +1,7 @@
 import React, { Component } from "react";
 import PropTypes from "prop-types";
 import { Provider } from "./createTransitionContext";
+import getPagesPromises from "../utils/getPagesPromises";
 
 class InternalProvider extends Component {
   state = {
@@ -25,26 +26,7 @@ class InternalProvider extends Component {
   };
 
   componentDidMount() {
-    let exitResolve;
-    const exitPromise = new Promise(resolve => {
-      exitResolve = resolve;
-    });
-
-    let entryResolve;
-    const entryPromise = new Promise(resolve => {
-      entryResolve = resolve;
-    });
-
-    this.state.updateContext({
-      triggerResolve: {
-        entry: entryResolve,
-        exit: exitResolve
-      },
-      pages: {
-        exit: exitPromise,
-        entry: entryPromise
-      }
-    });
+    this.state.updateContext(getPagesPromises());
   }
 
   render() {

src/utils/getPagesPromises.js

@@ -0,0 +1,22 @@
+export default function getPagesPromises() {
+  let exitResolve;
+  const exitPromise = new Promise(resolve => {
+    exitResolve = resolve;
+  });
+
+  let entryResolve;
+  const entryPromise = new Promise(resolve => {
+    entryResolve = resolve;
+  });
+
+  return {
+    triggerResolve: {
+      entry: entryResolve,
+      exit: exitResolve
+    },
+    pages: {
+      exit: exitPromise,
+      entry: entryPromise
+    }
+  };
+}

src/utils/triggerTransition.js

@@ -2,6 +2,7 @@ import { navigate } from "gatsby";
 import random from "lodash/random";
 import { setTimeout } from "requestanimationframe-timer";
 import { getMs } from "./secondsMs";
+import getPagesPromises from "./getPagesPromises";
 
 const triggerTransition = ({
   to,
@@ -100,7 +101,9 @@ const triggerTransition = ({
       exitDelay: 0,
       exitLength: 0,
       // Once all animation is finished, it's safe to start a new animation since we're no longer inTransition.
-      inTransition: false
+      inTransition: false,
+      // create new page promises for the trigger prop
+      ...getPagesPromises()
     });
   }, getMs(finalResetSeconds) + 1);
 };