@react-navigation/native 6.0.8 → 6.0.11

package/lib/commonjs/createMemoryHistory.js

@@ -0,0 +1,240 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = createMemoryHistory;
+
+var _nonSecure = require("nanoid/non-secure");
+
+function createMemoryHistory() {
+  let index = 0;
+  let items = []; // Pending callbacks for `history.go(n)`
+  // We might modify the callback stored if it was interrupted, so we have a ref to identify it
+
+  const pending = [];
+
+  const interrupt = () => {
+    // If another history operation was performed we need to interrupt existing ones
+    // This makes sure that calls such as `history.replace` after `history.go` don't happen
+    // Since otherwise it won't be correct if something else has changed
+    pending.forEach(it => {
+      const cb = it.cb;
+
+      it.cb = () => cb(true);
+    });
+  };
+
+  const history = {
+    get index() {
+      var _window$history$state;
+
+      // We store an id in the state instead of an index
+      // Index could get out of sync with in-memory values if page reloads
+      const id = (_window$history$state = window.history.state) === null || _window$history$state === void 0 ? void 0 : _window$history$state.id;
+
+      if (id) {
+        const index = items.findIndex(item => item.id === id);
+        return index > -1 ? index : 0;
+      }
+
+      return 0;
+    },
+
+    get(index) {
+      return items[index];
+    },
+
+    backIndex(_ref) {
+      let {
+        path
+      } = _ref;
+
+      // We need to find the index from the element before current to get closest path to go back to
+      for (let i = index - 1; i >= 0; i--) {
+        const item = items[i];
+
+        if (item.path === path) {
+          return i;
+        }
+      }
+
+      return -1;
+    },
+
+    push(_ref2) {
+      let {
+        path,
+        state
+      } = _ref2;
+      interrupt();
+      const id = (0, _nonSecure.nanoid)(); // When a new entry is pushed, all the existing entries after index will be inaccessible
+      // So we remove any existing entries after the current index to clean them up
+
+      items = items.slice(0, index + 1);
+      items.push({
+        path,
+        state,
+        id
+      });
+      index = items.length - 1; // We pass empty string for title because it's ignored in all browsers except safari
+      // We don't store state object in history.state because:
+      // - browsers have limits on how big it can be, and we don't control the size
+      // - while not recommended, there could be non-serializable data in state
+
+      window.history.pushState({
+        id
+      }, '', path);
+    },
+
+    replace(_ref3) {
+      var _window$history$state2, _window$history$state3;
+
+      let {
+        path,
+        state
+      } = _ref3;
+      interrupt();
+      const id = (_window$history$state2 = (_window$history$state3 = window.history.state) === null || _window$history$state3 === void 0 ? void 0 : _window$history$state3.id) !== null && _window$history$state2 !== void 0 ? _window$history$state2 : (0, _nonSecure.nanoid)();
+
+      if (!items.length || items.findIndex(item => item.id === id) < 0) {
+        // There are two scenarios for creating an array with only one history record:
+        // - When loaded id not found in the items array, this function by default will replace
+        //   the first item. We need to keep only the new updated object, otherwise it will break
+        //   the page when navigating forward in history.
+        // - This is the first time any state modifications are done
+        //   So we need to push the entry as there's nothing to replace
+        items = [{
+          path,
+          state,
+          id
+        }];
+        index = 0;
+      } else {
+        items[index] = {
+          path,
+          state,
+          id
+        };
+      }
+
+      window.history.replaceState({
+        id
+      }, '', path);
+    },
+
+    // `history.go(n)` is asynchronous, there are couple of things to keep in mind:
+    // - it won't do anything if we can't go `n` steps, the `popstate` event won't fire.
+    // - each `history.go(n)` call will trigger a separate `popstate` event with correct location.
+    // - the `popstate` event fires before the next frame after calling `history.go(n)`.
+    // This method differs from `history.go(n)` in the sense that it'll go back as many steps it can.
+    go(n) {
+      interrupt(); // To guard against unexpected navigation out of the app we will assume that browser history is only as deep as the length of our memory
+      // history. If we don't have an item to navigate to then update our index and navigate as far as we can without taking the user out of the app.
+
+      const nextIndex = index + n;
+      const lastItemIndex = items.length - 1;
+
+      if (n < 0 && !items[nextIndex]) {
+        // Attempted to navigate beyond the first index. Negating the current index will align the browser history with the first item.
+        n = -index;
+        index = 0;
+      } else if (n > 0 && nextIndex > lastItemIndex) {
+        // Attempted to navigate past the last index. Calculate how many indices away from the last index and go there.
+        n = lastItemIndex - index;
+        index = lastItemIndex;
+      } else {
+        index = nextIndex;
+      }
+
+      if (n === 0) {
+        return;
+      } // When we call `history.go`, `popstate` will fire when there's history to go back to
+      // So we need to somehow handle following cases:
+      // - There's history to go back, `history.go` is called, and `popstate` fires
+      // - `history.go` is called multiple times, we need to resolve on respective `popstate`
+      // - No history to go back, but `history.go` was called, browser has no API to detect it
+
+
+      return new Promise((resolve, reject) => {
+        const done = interrupted => {
+          clearTimeout(timer);
+
+          if (interrupted) {
+            reject(new Error('History was changed during navigation.'));
+            return;
+          } // There seems to be a bug in Chrome regarding updating the title
+          // If we set a title just before calling `history.go`, the title gets lost
+          // However the value of `document.title` is still what we set it to
+          // It's just not displayed in the tab bar
+          // To update the tab bar, we need to reset the title to something else first (e.g. '')
+          // And set the title to what it was before so it gets applied
+          // It won't work without setting it to empty string coz otherwise title isn't changing
+          // Which means that the browser won't do anything after setting the title
+
+
+          const {
+            title
+          } = window.document;
+          window.document.title = '';
+          window.document.title = title;
+          resolve();
+        };
+
+        pending.push({
+          ref: done,
+          cb: done
+        }); // If navigation didn't happen within 100ms, assume that it won't happen
+        // This may not be accurate, but hopefully it won't take so much time
+        // In Chrome, navigation seems to happen instantly in next microtask
+        // But on Firefox, it seems to take much longer, around 50ms from our testing
+        // We're using a hacky timeout since there doesn't seem to be way to know for sure
+
+        const timer = setTimeout(() => {
+          const index = pending.findIndex(it => it.ref === done);
+
+          if (index > -1) {
+            pending[index].cb();
+            pending.splice(index, 1);
+          }
+        }, 100);
+
+        const onPopState = () => {
+          var _window$history$state4;
+
+          const id = (_window$history$state4 = window.history.state) === null || _window$history$state4 === void 0 ? void 0 : _window$history$state4.id;
+          const currentIndex = items.findIndex(item => item.id === id); // Fix createMemoryHistory.index variable's value
+          // as it may go out of sync when navigating in the browser.
+
+          index = Math.max(currentIndex, 0);
+          const last = pending.pop();
+          window.removeEventListener('popstate', onPopState);
+          last === null || last === void 0 ? void 0 : last.cb();
+        };
+
+        window.addEventListener('popstate', onPopState);
+        window.history.go(n);
+      });
+    },
+
+    // The `popstate` event is triggered when history changes, except `pushState` and `replaceState`
+    // If we call `history.go(n)` ourselves, we don't want it to trigger the listener
+    // Here we normalize it so that only external changes (e.g. user pressing back/forward) trigger the listener
+    listen(listener) {
+      const onPopState = () => {
+        if (pending.length) {
+          // This was triggered by `history.go(n)`, we shouldn't call the listener
+          return;
+        }
+
+        listener();
+      };
+
+      window.addEventListener('popstate', onPopState);
+      return () => window.removeEventListener('popstate', onPopState);
+    }
+
+  };
+  return history;
+}
+//# sourceMappingURL=createMemoryHistory.js.map

package/lib/commonjs/createMemoryHistory.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["createMemoryHistory.tsx"],"names":["createMemoryHistory","index","items","pending","interrupt","forEach","it","cb","history","id","window","state","findIndex","item","get","backIndex","path","i","push","slice","length","pushState","replace","replaceState","go","n","nextIndex","lastItemIndex","Promise","resolve","reject","done","interrupted","clearTimeout","timer","Error","title","document","ref","setTimeout","splice","onPopState","currentIndex","Math","max","last","pop","removeEventListener","addEventListener","listen","listener"],"mappings":"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","sourcesContent":["import type { NavigationState } from '@react-navigation/core';\nimport { nanoid } from 'nanoid/non-secure';\n\ntype HistoryRecord = {\n  // Unique identifier for this record to match it with window.history.state\n  id: string;\n  // Navigation state object for the history entry\n  state: NavigationState;\n  // Path of the history entry\n  path: string;\n};\n\nexport default function createMemoryHistory() {\n  let index = 0;\n  let items: HistoryRecord[] = [];\n\n  // Pending callbacks for `history.go(n)`\n  // We might modify the callback stored if it was interrupted, so we have a ref to identify it\n  const pending: { ref: unknown; cb: (interrupted?: boolean) => void }[] = [];\n\n  const interrupt = () => {\n    // If another history operation was performed we need to interrupt existing ones\n    // This makes sure that calls such as `history.replace` after `history.go` don't happen\n    // Since otherwise it won't be correct if something else has changed\n    pending.forEach((it) => {\n      const cb = it.cb;\n      it.cb = () => cb(true);\n    });\n  };\n\n  const history = {\n    get index(): number {\n      // We store an id in the state instead of an index\n      // Index could get out of sync with in-memory values if page reloads\n      const id = window.history.state?.id;\n\n      if (id) {\n        const index = items.findIndex((item) => item.id === id);\n\n        return index > -1 ? index : 0;\n      }\n\n      return 0;\n    },\n\n    get(index: number) {\n      return items[index];\n    },\n\n    backIndex({ path }: { path: string }) {\n      // We need to find the index from the element before current to get closest path to go back to\n      for (let i = index - 1; i >= 0; i--) {\n        const item = items[i];\n\n        if (item.path === path) {\n          return i;\n        }\n      }\n\n      return -1;\n    },\n\n    push({ path, state }: { path: string; state: NavigationState }) {\n      interrupt();\n\n      const id = nanoid();\n\n      // When a new entry is pushed, all the existing entries after index will be inaccessible\n      // So we remove any existing entries after the current index to clean them up\n      items = items.slice(0, index + 1);\n\n      items.push({ path, state, id });\n      index = items.length - 1;\n\n      // We pass empty string for title because it's ignored in all browsers except safari\n      // We don't store state object in history.state because:\n      // - browsers have limits on how big it can be, and we don't control the size\n      // - while not recommended, there could be non-serializable data in state\n      window.history.pushState({ id }, '', path);\n    },\n\n    replace({ path, state }: { path: string; state: NavigationState }) {\n      interrupt();\n\n      const id = window.history.state?.id ?? nanoid();\n\n      if (!items.length || items.findIndex((item) => item.id === id) < 0) {\n        // There are two scenarios for creating an array with only one history record:\n        // - When loaded id not found in the items array, this function by default will replace\n        //   the first item. We need to keep only the new updated object, otherwise it will break\n        //   the page when navigating forward in history.\n        // - This is the first time any state modifications are done\n        //   So we need to push the entry as there's nothing to replace\n        items = [{ path, state, id }];\n        index = 0;\n      } else {\n        items[index] = { path, state, id };\n      }\n\n      window.history.replaceState({ id }, '', path);\n    },\n\n    // `history.go(n)` is asynchronous, there are couple of things to keep in mind:\n    // - it won't do anything if we can't go `n` steps, the `popstate` event won't fire.\n    // - each `history.go(n)` call will trigger a separate `popstate` event with correct location.\n    // - the `popstate` event fires before the next frame after calling `history.go(n)`.\n    // This method differs from `history.go(n)` in the sense that it'll go back as many steps it can.\n    go(n: number) {\n      interrupt();\n\n      // To guard against unexpected navigation out of the app we will assume that browser history is only as deep as the length of our memory\n      // history. If we don't have an item to navigate to then update our index and navigate as far as we can without taking the user out of the app.\n      const nextIndex = index + n;\n      const lastItemIndex = items.length - 1;\n      if (n < 0 && !items[nextIndex]) {\n        // Attempted to navigate beyond the first index. Negating the current index will align the browser history with the first item.\n        n = -index;\n        index = 0;\n      } else if (n > 0 && nextIndex > lastItemIndex) {\n        // Attempted to navigate past the last index. Calculate how many indices away from the last index and go there.\n        n = lastItemIndex - index;\n        index = lastItemIndex;\n      } else {\n        index = nextIndex;\n      }\n\n      if (n === 0) {\n        return;\n      }\n\n      // When we call `history.go`, `popstate` will fire when there's history to go back to\n      // So we need to somehow handle following cases:\n      // - There's history to go back, `history.go` is called, and `popstate` fires\n      // - `history.go` is called multiple times, we need to resolve on respective `popstate`\n      // - No history to go back, but `history.go` was called, browser has no API to detect it\n      return new Promise<void>((resolve, reject) => {\n        const done = (interrupted?: boolean) => {\n          clearTimeout(timer);\n\n          if (interrupted) {\n            reject(new Error('History was changed during navigation.'));\n            return;\n          }\n\n          // There seems to be a bug in Chrome regarding updating the title\n          // If we set a title just before calling `history.go`, the title gets lost\n          // However the value of `document.title` is still what we set it to\n          // It's just not displayed in the tab bar\n          // To update the tab bar, we need to reset the title to something else first (e.g. '')\n          // And set the title to what it was before so it gets applied\n          // It won't work without setting it to empty string coz otherwise title isn't changing\n          // Which means that the browser won't do anything after setting the title\n          const { title } = window.document;\n\n          window.document.title = '';\n          window.document.title = title;\n\n          resolve();\n        };\n\n        pending.push({ ref: done, cb: done });\n\n        // If navigation didn't happen within 100ms, assume that it won't happen\n        // This may not be accurate, but hopefully it won't take so much time\n        // In Chrome, navigation seems to happen instantly in next microtask\n        // But on Firefox, it seems to take much longer, around 50ms from our testing\n        // We're using a hacky timeout since there doesn't seem to be way to know for sure\n        const timer = setTimeout(() => {\n          const index = pending.findIndex((it) => it.ref === done);\n\n          if (index > -1) {\n            pending[index].cb();\n            pending.splice(index, 1);\n          }\n        }, 100);\n\n        const onPopState = () => {\n          const id = window.history.state?.id;\n          const currentIndex = items.findIndex((item) => item.id === id);\n\n          // Fix createMemoryHistory.index variable's value\n          // as it may go out of sync when navigating in the browser.\n          index = Math.max(currentIndex, 0);\n\n          const last = pending.pop();\n\n          window.removeEventListener('popstate', onPopState);\n          last?.cb();\n        };\n\n        window.addEventListener('popstate', onPopState);\n        window.history.go(n);\n      });\n    },\n\n    // The `popstate` event is triggered when history changes, except `pushState` and `replaceState`\n    // If we call `history.go(n)` ourselves, we don't want it to trigger the listener\n    // Here we normalize it so that only external changes (e.g. user pressing back/forward) trigger the listener\n    listen(listener: () => void) {\n      const onPopState = () => {\n        if (pending.length) {\n          // This was triggered by `history.go(n)`, we shouldn't call the listener\n          return;\n        }\n\n        listener();\n      };\n\n      window.addEventListener('popstate', onPopState);\n\n      return () => window.removeEventListener('popstate', onPopState);\n    },\n  };\n\n  return history;\n}\n"]}

package/lib/commonjs/index.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 var _exportNames = {
   Link: true,
+  LinkingContext: true,
   NavigationContainer: true,
   ServerContainer: true,
   DarkTheme: true,
@@ -34,6 +35,12 @@ Object.defineProperty(exports, "Link", {
     return _Link.default;
   }
 });
+Object.defineProperty(exports, "LinkingContext", {
+  enumerable: true,
+  get: function () {
+    return _LinkingContext.default;
+  }
+});
 Object.defineProperty(exports, "NavigationContainer", {
   enumerable: true,
   get: function () {
@@ -85,6 +92,8 @@ Object.defineProperty(exports, "useTheme", {
 
 var _Link = _interopRequireDefault(require("./Link"));
 
+var _LinkingContext = _interopRequireDefault(require("./LinkingContext"));
+
 var _NavigationContainer = _interopRequireDefault(require("./NavigationContainer"));
 
 var _ServerContainer = _interopRequireDefault(require("./ServerContainer"));

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export { default as Link } from './Link';\nexport { default as NavigationContainer } from './NavigationContainer';\nexport { default as ServerContainer } from './ServerContainer';\nexport { default as DarkTheme } from './theming/DarkTheme';\nexport { default as DefaultTheme } from './theming/DefaultTheme';\nexport { default as ThemeProvider } from './theming/ThemeProvider';\nexport { default as useTheme } from './theming/useTheme';\nexport * from './types';\nexport { default as useLinkBuilder } from './useLinkBuilder';\nexport { default as useLinkProps } from './useLinkProps';\nexport { default as useLinkTo } from './useLinkTo';\nexport { default as useScrollToTop } from './useScrollToTop';\nexport * from '@react-navigation/core';\n"]}
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export { default as Link } from './Link';\nexport { default as LinkingContext } from './LinkingContext';\nexport { default as NavigationContainer } from './NavigationContainer';\nexport { default as ServerContainer } from './ServerContainer';\nexport { default as DarkTheme } from './theming/DarkTheme';\nexport { default as DefaultTheme } from './theming/DefaultTheme';\nexport { default as ThemeProvider } from './theming/ThemeProvider';\nexport { default as useTheme } from './theming/useTheme';\nexport * from './types';\nexport { default as useLinkBuilder } from './useLinkBuilder';\nexport { default as useLinkProps } from './useLinkProps';\nexport { default as useLinkTo } from './useLinkTo';\nexport { default as useScrollToTop } from './useScrollToTop';\nexport * from '@react-navigation/core';\n"]}

package/lib/commonjs/useLinking.js

@@ -9,10 +9,10 @@ var _core = require("@react-navigation/core");
 
 var _fastDeepEqual = _interopRequireDefault(require("fast-deep-equal"));
 
-var _nonSecure = require("nanoid/non-secure");
-
 var React = _interopRequireWildcard(require("react"));
 
+var _createMemoryHistory = _interopRequireDefault(require("./createMemoryHistory"));
+
 var _ServerContext = _interopRequireDefault(require("./ServerContext"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -21,229 +21,10 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const createMemoryHistory = () => {
-  let index = 0;
-  let items = []; // Pending callbacks for `history.go(n)`
-  // We might modify the callback stored if it was interrupted, so we have a ref to identify it
-
-  const pending = [];
-
-  const interrupt = () => {
-    // If another history operation was performed we need to interrupt existing ones
-    // This makes sure that calls such as `history.replace` after `history.go` don't happen
-    // Since otherwise it won't be correct if something else has changed
-    pending.forEach(it => {
-      const cb = it.cb;
-
-      it.cb = () => cb(true);
-    });
-  };
-
-  const history = {
-    get index() {
-      var _window$history$state;
-
-      // We store an id in the state instead of an index
-      // Index could get out of sync with in-memory values if page reloads
-      const id = (_window$history$state = window.history.state) === null || _window$history$state === void 0 ? void 0 : _window$history$state.id;
-
-      if (id) {
-        const index = items.findIndex(item => item.id === id);
-        return index > -1 ? index : 0;
-      }
-
-      return 0;
-    },
-
-    get(index) {
-      return items[index];
-    },
-
-    backIndex(_ref) {
-      let {
-        path
-      } = _ref;
-
-      // We need to find the index from the element before current to get closest path to go back to
-      for (let i = index - 1; i >= 0; i--) {
-        const item = items[i];
-
-        if (item.path === path) {
-          return i;
-        }
-      }
-
-      return -1;
-    },
-
-    push(_ref2) {
-      let {
-        path,
-        state
-      } = _ref2;
-      interrupt();
-      const id = (0, _nonSecure.nanoid)(); // When a new entry is pushed, all the existing entries after index will be inaccessible
-      // So we remove any existing entries after the current index to clean them up
-
-      items = items.slice(0, index + 1);
-      items.push({
-        path,
-        state,
-        id
-      });
-      index = items.length - 1; // We pass empty string for title because it's ignored in all browsers except safari
-      // We don't store state object in history.state because:
-      // - browsers have limits on how big it can be, and we don't control the size
-      // - while not recommended, there could be non-serializable data in state
-
-      window.history.pushState({
-        id
-      }, '', path);
-    },
-
-    replace(_ref3) {
-      var _window$history$state2, _window$history$state3;
-
-      let {
-        path,
-        state
-      } = _ref3;
-      interrupt();
-      const id = (_window$history$state2 = (_window$history$state3 = window.history.state) === null || _window$history$state3 === void 0 ? void 0 : _window$history$state3.id) !== null && _window$history$state2 !== void 0 ? _window$history$state2 : (0, _nonSecure.nanoid)();
-
-      if (!items.length || items.findIndex(item => item.id === id) < 0) {
-        // There are two scenarios for creating an array with only one history record:
-        // - When loaded id not found in the items array, this function by default will replace
-        //   the first item. We need to keep only the new updated object, otherwise it will break
-        //   the page when navigating forward in history.
-        // - This is the first time any state modifications are done
-        //   So we need to push the entry as there's nothing to replace
-        items = [{
-          path,
-          state,
-          id
-        }];
-        index = 0;
-      } else {
-        items[index] = {
-          path,
-          state,
-          id
-        };
-      }
-
-      window.history.replaceState({
-        id
-      }, '', path);
-    },
-
-    // `history.go(n)` is asynchronous, there are couple of things to keep in mind:
-    // - it won't do anything if we can't go `n` steps, the `popstate` event won't fire.
-    // - each `history.go(n)` call will trigger a separate `popstate` event with correct location.
-    // - the `popstate` event fires before the next frame after calling `history.go(n)`.
-    // This method differs from `history.go(n)` in the sense that it'll go back as many steps it can.
-    go(n) {
-      interrupt();
-
-      if (n === 0) {
-        return;
-      } // We shouldn't go back more than the 0 index (otherwise we'll exit the page)
-      // Or forward more than the available index (or the app will crash)
-
-
-      index = n < 0 ? Math.max(index - n, 0) : Math.min(index + n, items.length - 1); // When we call `history.go`, `popstate` will fire when there's history to go back to
-      // So we need to somehow handle following cases:
-      // - There's history to go back, `history.go` is called, and `popstate` fires
-      // - `history.go` is called multiple times, we need to resolve on respective `popstate`
-      // - No history to go back, but `history.go` was called, browser has no API to detect it
-
-      return new Promise((resolve, reject) => {
-        const done = interrupted => {
-          clearTimeout(timer);
-
-          if (interrupted) {
-            reject(new Error('History was changed during navigation.'));
-            return;
-          } // There seems to be a bug in Chrome regarding updating the title
-          // If we set a title just before calling `history.go`, the title gets lost
-          // However the value of `document.title` is still what we set it to
-          // It's just not displayed in the tab bar
-          // To update the tab bar, we need to reset the title to something else first (e.g. '')
-          // And set the title to what it was before so it gets applied
-          // It won't work without setting it to empty string coz otherwise title isn't changing
-          // Which means that the browser won't do anything after setting the title
-
-
-          const {
-            title
-          } = window.document;
-          window.document.title = '';
-          window.document.title = title;
-          resolve();
-        };
-
-        pending.push({
-          ref: done,
-          cb: done
-        }); // If navigation didn't happen within 100ms, assume that it won't happen
-        // This may not be accurate, but hopefully it won't take so much time
-        // In Chrome, navigation seems to happen instantly in next microtask
-        // But on Firefox, it seems to take much longer, around 50ms from our testing
-        // We're using a hacky timeout since there doesn't seem to be way to know for sure
-
-        const timer = setTimeout(() => {
-          const index = pending.findIndex(it => it.ref === done);
-
-          if (index > -1) {
-            pending[index].cb();
-            pending.splice(index, 1);
-          }
-        }, 100);
-
-        const onPopState = () => {
-          var _window$history$state4;
-
-          const id = (_window$history$state4 = window.history.state) === null || _window$history$state4 === void 0 ? void 0 : _window$history$state4.id;
-          const currentIndex = items.findIndex(item => item.id === id); // Fix createMemoryHistory.index variable's value
-          // as it may go out of sync when navigating in the browser.
-
-          index = Math.max(currentIndex, 0);
-          const last = pending.pop();
-          window.removeEventListener('popstate', onPopState);
-          last === null || last === void 0 ? void 0 : last.cb();
-        };
-
-        window.addEventListener('popstate', onPopState);
-        window.history.go(n);
-      });
-    },
-
-    // The `popstate` event is triggered when history changes, except `pushState` and `replaceState`
-    // If we call `history.go(n)` ourselves, we don't want it to trigger the listener
-    // Here we normalize it so that only external changes (e.g. user pressing back/forward) trigger the listener
-    listen(listener) {
-      const onPopState = () => {
-        if (pending.length) {
-          // This was triggered by `history.go(n)`, we shouldn't call the listener
-          return;
-        }
-
-        listener();
-      };
-
-      window.addEventListener('popstate', onPopState);
-      return () => window.removeEventListener('popstate', onPopState);
-    }
-
-  };
-  return history;
-};
 /**
  * Find the matching navigation state that changed between 2 navigation states
  * e.g.: a -> b -> c -> d and a -> b -> c -> e -> f, if history in b changed, b is the matching state
  */
-
-
 const findMatchingState = (a, b) => {
   if (a === undefined || b === undefined || a.key !== b.key) {
     return [undefined, undefined];
@@ -304,7 +85,7 @@ const series = cb => {
 
 let linkingHandlers = [];
 
-function useLinking(ref, _ref4) {
+function useLinking(ref, _ref) {
   let {
     independent,
     enabled = true,
@@ -312,7 +93,7 @@ function useLinking(ref, _ref4) {
     getStateFromPath = _core.getStateFromPath,
     getPathFromState = _core.getPathFromState,
     getActionFromState = _core.getActionFromState
-  } = _ref4;
+  } = _ref;
   React.useEffect(() => {
     if (process.env.NODE_ENV === 'production') {
       return undefined;
@@ -340,7 +121,7 @@ function useLinking(ref, _ref4) {
       }
     };
   }, [enabled, independent]);
-  const [history] = React.useState(createMemoryHistory); // We store these options in ref to avoid re-creating getInitialState and re-subscribing listeners
+  const [history] = React.useState(_createMemoryHistory.default); // We store these options in ref to avoid re-creating getInitialState and re-subscribing listeners
   // This lets user avoid wrapping the items in `React.useCallback` or `React.useMemo`
   // Not re-creating `getInitialState` is important coz it makes it easier for the user to use in an effect