diff --git a/src/components/DocumentationLayout.vue b/src/components/DocumentationLayout.vue
index e8997a670..63abe9b98 100644
--- a/src/components/DocumentationLayout.vue
+++ b/src/components/DocumentationLayout.vue
@@ -30,46 +30,44 @@
     >
       <PortalTarget name="modal-destination" multiple />
       <template #aside="{ scrollLockID, breakpoint }">
-        <NavigatorDataProvider
-          :interface-language="interfaceLanguage"
-          :technologyUrl="technology ? technology.url : ''"
-          :api-changes-version="selectedAPIChangesVersion"
-          ref="NavigatorDataProvider"
-        >
-          <template #default="slotProps">
-            <div class="documentation-layout-aside">
-              <QuickNavigationModal
-                v-if="enableQuickNavigation"
-                :children="indexNodes"
-                :showQuickNavigationModal.sync="showQuickNavigationModal"
-                :technology="technology ? technology.title : ''"
-              />
-              <transition name="delay-hiding">
-                <Navigator
-                  v-show="sidenavVisibleOnMobile || breakpoint === BreakpointName.large"
-                  :flatChildren="slotProps.flatChildren"
-                  :parent-topic-identifiers="parentTopicIdentifiers"
-                  :technology="slotProps.technology || technology"
-                  :is-fetching="slotProps.isFetching"
-                  :error-fetching="slotProps.errorFetching"
-                  :api-changes="slotProps.apiChanges"
-                  :references="references"
-                  :navigator-references="slotProps.references"
-                  :scrollLockID="scrollLockID"
-                  :render-filter-on-top="breakpoint !== BreakpointName.large"
-                  @close="handleToggleSidenav(breakpoint)"
-                >
-                  <template v-if="enableQuickNavigation" #filter>
-                    <QuickNavigationButton @click.native="openQuickNavigationModal" />
-                  </template>
-                  <template #navigator-head="{ className }">
-                    <slot name="nav-title" :className="className" />
-                  </template>
-                </Navigator>
-              </transition>
-            </div>
-          </template>
-        </NavigatorDataProvider>
+        <div class="documentation-layout-aside">
+          <QuickNavigationModal
+            v-if="enableQuickNavigation"
+            :children="indexNodes"
+            :showQuickNavigationModal.sync="showQuickNavigationModal"
+            :technology="technology ? technology.title : ''"
+          />
+          <transition name="delay-hiding">
+            <slot
+              name="navigator"
+              v-bind="{
+                scrollLockID,
+                breakpoint,
+                sidenavVisibleOnMobile,
+                handleToggleSidenav,
+                enableQuickNavigation,
+                openQuickNavigationModal,
+              }"
+            >
+              <Navigator
+                v-show="sidenavVisibleOnMobile || breakpoint === BreakpointName.large"
+                v-bind="{ ...navigatorProps, ...technologyProps }"
+                :parent-topic-identifiers="parentTopicIdentifiers"
+                :references="references"
+                :scrollLockID="scrollLockID"
+                :render-filter-on-top="breakpoint !== BreakpointName.large"
+                @close="handleToggleSidenav(breakpoint)"
+              >
+                <template v-if="enableQuickNavigation" #filter>
+                  <QuickNavigationButton @click.native="openQuickNavigationModal" />
+                </template>
+                <template #navigator-head="{ className }">
+                  <slot name="nav-title" :className="className" />
+                </template>
+              </Navigator>
+            </slot>
+          </transition>
+        </div>
       </template>
       <slot name="content" />
     </AdjustableSidebarWidth>
@@ -88,7 +86,6 @@ import { storage } from 'docc-render/utils/storage';
 import { getSetting } from 'docc-render/utils/theme-settings';
 
 import indexDataGetter from 'docc-render/mixins/indexDataGetter';
-import NavigatorDataProvider from 'theme/components/Navigator/NavigatorDataProvider.vue';
 import DocumentationNav from 'theme/components/DocumentationTopic/DocumentationNav.vue';
 
 const NAVIGATOR_HIDDEN_ON_LARGE_KEY = 'navigator-hidden-large';
@@ -99,7 +96,6 @@ export default {
   components: {
     Navigator,
     AdjustableSidebarWidth,
-    NavigatorDataProvider,
     Nav: DocumentationNav,
     QuickNavigationButton,
     QuickNavigationModal,
diff --git a/src/components/Navigator.vue b/src/components/Navigator.vue
index bbc069faf..de3de1c8e 100644
--- a/src/components/Navigator.vue
+++ b/src/components/Navigator.vue
@@ -91,7 +91,7 @@ export default {
       type: Array,
       required: true,
     },
-    technology: {
+    technologyProps: {
       type: Object,
       required: false,
     },
@@ -153,13 +153,6 @@ export default {
      * The root item is always a module
      */
     type: () => TopicTypes.module,
-    technologyProps: ({ technology }) => (
-      !technology ? null : {
-        technology: technology.title,
-        technologyPath: technology.path || technology.url,
-        isTechnologyBeta: technology.beta,
-      }
-    ),
   },
 };
 </script>
diff --git a/src/components/Navigator/NavigatorDataProvider.vue b/src/components/Navigator/NavigatorDataProvider.vue
deleted file mode 100644
index 26fc9c76a..000000000
--- a/src/components/Navigator/NavigatorDataProvider.vue
+++ /dev/null
@@ -1,125 +0,0 @@
-<!--
-  This source file is part of the Swift.org open source project
-
-  Copyright (c) 2022-2024 Apple Inc. and the Swift project authors
-  Licensed under Apache License v2.0 with Runtime Library Exception
-
-  See https://swift.org/LICENSE.txt for license information
-  See https://swift.org/CONTRIBUTORS.txt for Swift project authors
--->
-
-<script>
-import { fetchIndexPathsData } from 'docc-render/utils/data';
-import { flattenNestedData } from 'docc-render/utils/navigatorData';
-import Language from 'docc-render/constants/Language';
-
-/**
- * Fetches the sidebar navigator data and provides it via a scoped slot,
- * extracting for current language
- */
-export default {
-  name: 'NavigatorDataProvider',
-  props: {
-    interfaceLanguage: {
-      type: String,
-      default: Language.swift.key.url,
-    },
-    /**
-     * The technology we need to fetch data for.
-     * Important - We are passing just the URL, as the technology object changes
-     * between page navigations, resulting in excess re-calculations on each page change.
-     */
-    technologyUrl: {
-      type: String,
-      default: '',
-    },
-    apiChangesVersion: {
-      type: String,
-      default: '',
-    },
-  },
-  data() {
-    return {
-      isFetching: false,
-      errorFetching: false,
-      isFetchingAPIChanges: false,
-      navigationIndex: {
-        [Language.swift.key.url]: [],
-      },
-      navigationReferences: {},
-      diffs: null,
-    };
-  },
-  computed: {
-    /**
-     * Recomputes the list of flat children.
-     * @return NavigatorFlatItem[]
-     */
-    flatChildren: ({
-      technologyWithChildren = {},
-    }) => (
-      flattenNestedData(
-        technologyWithChildren.children || [], null, 0, technologyWithChildren.beta,
-      )
-    ),
-    technologyPath: ({ technologyUrl }) => {
-      // regex should match only the first section, no slash - `/documentation/:technology`
-      const matches = /(\/documentation\/(?:[^/]+))\/?/.exec(technologyUrl);
-      return matches ? matches[1] : '';
-    },
-    /**
-     * Extracts the technology data, for the currently chosen language
-     * @return {Object}
-     */
-    technologyWithChildren({ navigationIndex, interfaceLanguage, technologyPath }) {
-      // get the technologies for the current language
-      let currentLangTechnologies = navigationIndex[interfaceLanguage] || [];
-      // if no such items, we use the default swift one
-      if (!currentLangTechnologies.length) {
-        currentLangTechnologies = navigationIndex[Language.swift.key.url] || [];
-      }
-      // find the current technology
-      const currentTechnology = currentLangTechnologies.find(t => (
-        technologyPath.toLowerCase() === t.path.toLowerCase()
-      ));
-      return currentTechnology ?? currentLangTechnologies[0];
-    },
-  },
-  methods: {
-    async fetchIndexData() {
-      try {
-        this.isFetching = true;
-        const {
-          interfaceLanguages,
-          references,
-        } = await fetchIndexPathsData(
-          { slug: this.$route.params.locale || '' },
-        );
-        this.navigationIndex = Object.freeze(interfaceLanguages);
-        this.navigationReferences = Object.freeze(references);
-      } catch (e) {
-        this.errorFetching = true;
-      } finally {
-        this.isFetching = false;
-      }
-    },
-  },
-  watch: {
-    '$route.params.locale': {
-      handler: 'fetchIndexData',
-      immediate: true,
-    },
-  },
-  render() {
-    return this.$scopedSlots.default({
-      technology: this.technologyWithChildren,
-      isFetching: this.isFetching,
-      errorFetching: this.errorFetching,
-      isFetchingAPIChanges: this.isFetchingAPIChanges,
-      apiChanges: this.diffs,
-      flatChildren: this.flatChildren,
-      references: this.navigationReferences,
-    });
-  },
-};
-</script>
diff --git a/src/mixins/indexDataGetter.js b/src/mixins/indexDataGetter.js
index 11eefa7b4..0d4d9c77d 100644
--- a/src/mixins/indexDataGetter.js
+++ b/src/mixins/indexDataGetter.js
@@ -34,14 +34,12 @@ export default {
         apiChanges,
         errorFetching,
       },
-      technologyProps,
     }) => ({
       flatChildren: indexNodes,
       navigatorReferences: references,
       apiChanges,
       isFetching: !flatChildren && !errorFetching,
       errorFetching,
-      technologyProps,
     }),
   },
   data() {
diff --git a/src/views/DocumentationTopic.vue b/src/views/DocumentationTopic.vue
index 2731adb08..e33415ab9 100644
--- a/src/views/DocumentationTopic.vue
+++ b/src/views/DocumentationTopic.vue
@@ -52,7 +52,7 @@ import {
   shouldFetchDataForRouteUpdate,
 } from 'docc-render/utils/data';
 import DocumentationTopic from 'theme/components/DocumentationTopic.vue';
-import DocumentationLayout from 'docc-render/components/DocumentationLayout.vue';
+import DocumentationLayout from 'theme/components/DocumentationLayout.vue';
 import DocumentationTopicStore from 'docc-render/stores/DocumentationTopicStore';
 import indexDataFetcher from 'theme/mixins/indexDataFetcher';
 import Language from 'docc-render/constants/Language';
diff --git a/tests/unit/components/DocumentationLayout.spec.js b/tests/unit/components/DocumentationLayout.spec.js
index 30763b2b1..978300d1e 100644
--- a/tests/unit/components/DocumentationLayout.spec.js
+++ b/tests/unit/components/DocumentationLayout.spec.js
@@ -8,14 +8,12 @@
  * See https://swift.org/CONTRIBUTORS.txt for Swift project authors
 */
 
-import * as dataUtils from 'docc-render/utils/data';
 import { shallowMount } from '@vue/test-utils';
 import DocumentationTopicStore from 'docc-render/stores/DocumentationTopicStore';
 import onPageLoadScrollToFragment from 'docc-render/mixins/onPageLoadScrollToFragment';
 import DocumentationNav from 'docc-render/components/DocumentationTopic/DocumentationNav.vue';
 import NavBase from 'docc-render/components/NavBase.vue';
 import AdjustableSidebarWidth from '@/components/AdjustableSidebarWidth.vue';
-import NavigatorDataProvider from '@/components/Navigator/NavigatorDataProvider.vue';
 import Language from '@/constants/Language';
 import Navigator from '@/components/Navigator.vue';
 import { storage } from '@/utils/storage';
@@ -36,29 +34,33 @@ const swiftChildren = [
 const objcChildren = [
   'objcChildrenMock',
 ];
+
+const swiftProps = {
+  technology: 'swift',
+  technologyPath: '/documentation/swift',
+  isTechnologyBeta: false,
+};
+
 jest.mock('docc-render/stores/IndexStore', () => ({
   state: {
     flatChildren: {
       swift: swiftChildren,
     },
+    references: { foo: {} },
+    apiChanges: {
+      interfaceLanguages: {
+        swift: [],
+      },
+    },
+    includedArchiveIdentifiers: ['foo', 'bar'],
+    errorFetching: false,
+    technologyProps: {
+      swift: swiftProps,
+    },
   },
 }));
 
 storage.get.mockImplementation((key, value) => value);
-
-const TechnologyWithChildren = {
-  path: '/documentation/foo',
-  children: [],
-};
-
-const navigatorReferences = { foo: {} };
-
-jest.spyOn(dataUtils, 'fetchIndexPathsData').mockResolvedValue({
-  interfaceLanguages: {
-    [Language.swift.key.url]: [TechnologyWithChildren],
-  },
-  references: navigatorReferences,
-});
 getSetting.mockReturnValue(false);
 
 const {
@@ -120,7 +122,6 @@ const AdjustableSidebarWidthSmallStub = {
 
 const stubs = {
   AdjustableSidebarWidth,
-  NavigatorDataProvider,
   DocumentationLayout,
 };
 
@@ -174,45 +175,25 @@ describe('DocumentationLayout', () => {
       enableNavigator: true,
       fixedWidth: propsData.navigatorFixedWidth,
     });
-    const {
-      technology,
-      parentTopicIdentifiers,
-    } = propsData;
-    expect(wrapper.find(NavigatorDataProvider).props()).toEqual({
-      interfaceLanguage: Language.swift.key.url,
-      technologyUrl: technology.url,
-      apiChangesVersion: '',
-    });
+
     // its rendered by default
     const navigator = wrapper.find(Navigator);
     expect(navigator.exists()).toBe(true);
     expect(navigator.props()).toEqual({
-      errorFetching: false,
-      isFetching: true,
-      // assert we are passing the first set of paths always
-      parentTopicIdentifiers,
-      references,
-      scrollLockID: AdjustableSidebarWidth.constants.SCROLL_LOCK_ID,
-      // assert we are passing the default technology, if we dont have the children yet
-      technology,
-      apiChanges: null,
-      flatChildren: [],
-      navigatorReferences: {},
-      renderFilterOnTop: false,
-    });
-    expect(dataUtils.fetchIndexPathsData).toHaveBeenCalledTimes(1);
-    await flushPromises();
-    expect(navigator.props()).toEqual({
-      errorFetching: false,
       isFetching: false,
       scrollLockID: AdjustableSidebarWidth.constants.SCROLL_LOCK_ID,
       renderFilterOnTop: false,
-      parentTopicIdentifiers,
       references,
-      technology: TechnologyWithChildren,
-      apiChanges: null,
-      flatChildren: [],
-      navigatorReferences,
+      apiChanges: {
+        interfaceLanguages: {
+          swift: [],
+        },
+      },
+      flatChildren: swiftChildren,
+      navigatorReferences: { foo: {} },
+      errorFetching: false,
+      parentTopicIdentifiers: propsData.parentTopicIdentifiers,
+      technologyProps: swiftProps,
     });
     // assert the nav is in wide format
     const nav = wrapper.find(Nav);
@@ -350,7 +331,6 @@ describe('DocumentationLayout', () => {
       wrapper = createWrapper({
         stubs: {
           AdjustableSidebarWidth: AdjustableSidebarWidthSmallStub,
-          NavigatorDataProvider,
         },
       });
     });
@@ -389,15 +369,6 @@ describe('DocumentationLayout', () => {
     });
   });
 
-  it('provides the selected api changes, to the NavigatorDataProvider', () => {
-    wrapper.setProps({
-      enableNavigator: true,
-      selectedAPIChangesVersion: 'latest_major',
-    });
-    const dataProvider = wrapper.find(NavigatorDataProvider);
-    expect(dataProvider.props('apiChangesVersion')).toEqual('latest_major');
-  });
-
   it('renders the Navigator with data when no reference is found for a top-level item', () => {
     const technologies = {
       id: 'topic://not-existing',
@@ -417,10 +388,7 @@ describe('DocumentationLayout', () => {
     const navigator = wrapper.find(Navigator);
     expect(navigator.exists()).toBe(true);
     // assert the technology is the last fallback
-    expect(navigator.props('technology')).toEqual({
-      title: 'FooTechnology',
-      url: '/documentation/foo',
-    });
+    expect(navigator.props('technologyProps')).toEqual(swiftProps);
   });
 
   it('renders the Navigator with data when no reference is found, even when there is a reference data error', () => {
@@ -444,10 +412,7 @@ describe('DocumentationLayout', () => {
     const navigator = wrapper.find(Navigator);
     expect(navigator.exists()).toBe(true);
     // assert the technology is the last fallback
-    expect(navigator.props('technology')).toEqual({
-      title: 'FooTechnology',
-      url: '/documentation/foo',
-    });
+    expect(navigator.props('technologyProps')).toEqual(swiftProps);
   });
 
   it('renders the Navigator with data when no hierarchy and reference is found for the current page', () => {
@@ -460,7 +425,7 @@ describe('DocumentationLayout', () => {
     const navigator = wrapper.find(Navigator);
     expect(navigator.exists()).toBe(true);
     // assert the technology is the last fallback
-    expect(navigator.props('technology')).toEqual(propsData.technology);
+    expect(navigator.props('technologyProps')).toEqual(swiftProps);
   });
 
   it('renders without a sidebar', () => {
@@ -490,10 +455,6 @@ describe('DocumentationLayout', () => {
       .toEqual(expect.arrayContaining(['topic-wrapper', 'full-width-container']));
   });
 
-  it('renders without NavigatorDataProvider', async () => {
-    expect(wrapper.find(NavigatorDataProvider).exists()).toBe(false);
-  });
-
   it('handles the `@close`, on Navigator, for Mobile breakpoints', async () => {
     wrapper.setProps({
       enableNavigator: true,
diff --git a/tests/unit/components/Navigator.spec.js b/tests/unit/components/Navigator.spec.js
index fbfc42f94..ad5e97335 100644
--- a/tests/unit/components/Navigator.spec.js
+++ b/tests/unit/components/Navigator.spec.js
@@ -19,56 +19,10 @@ jest.mock('docc-render/utils/throttle', () => jest.fn(v => v));
 
 const { LoadingNavigatorCard } = Navigator.components;
 
-const technology = {
-  title: 'FooTechnology',
-  children: [
-    {
-      title: 'Group Marker',
-      type: TopicTypes.groupMarker,
-    },
-    {
-      title: 'Child0',
-      path: '/foo/child0',
-      type: 'article',
-      children: [
-        {
-          title: 'Group Marker, Child 0',
-          type: TopicTypes.groupMarker,
-        },
-        {
-          title: 'Child0_GrandChild0',
-          path: '/foo/child0/grandchild0',
-          type: 'tutorial',
-        },
-        {
-          title: 'Child0_GrandChild1',
-          path: '/foo/child0/grandchild1',
-          type: 'tutorial',
-          children: [{
-            title: 'Child0_GrandChild0_GreatGrandChild0',
-            path: '/foo/child0/grandchild0/greatgrandchild0',
-            type: 'tutorial',
-          }],
-        },
-        {
-          title: 'Child0_GrandChild2',
-          path: '/foo/child0/grandchild2',
-          type: 'tutorial',
-        },
-      ],
-    },
-    {
-      title: 'Child1',
-      path: '/foo/child1/',
-      type: 'tutorial',
-      children: [{
-        title: 'Child1_GrandChild0',
-        path: '/foo/child1/grandchild0',
-        type: 'method',
-      }],
-    },
-  ],
-  path: '/path/to/technology',
+const technologyProps = {
+  technology: 'FooTechnology',
+  technologyPath: '/path/to/technology',
+  isTechnologyBeta: false,
 };
 
 const references = {
@@ -83,11 +37,6 @@ const parentTopicIdentifiers = [
   'root', 'first', 'second',
 ];
 
-const fallbackTechnology = {
-  title: 'FallbackTechnology',
-  url: '/url/to/technology',
-};
-
 const mocks = {
   $route: {
     path: '/current/path',
@@ -100,7 +49,7 @@ const navigatorReferences = {
 
 const defaultProps = {
   parentTopicIdentifiers,
-  technology,
+  technologyProps,
   references,
   scrollLockID: 'foo',
   renderFilterOnTop: false,
@@ -141,9 +90,9 @@ describe('Navigator', () => {
       // will assert in another test
       children: [],
       type: TopicTypes.module,
-      technology: technology.title,
-      technologyPath: technology.path,
-      isTechnologyBeta: false,
+      technology: technologyProps.technology,
+      technologyPath: technologyProps.technologyPath,
+      isTechnologyBeta: technologyProps.isTechnologyBeta,
       scrollLockID: defaultProps.scrollLockID,
       renderFilterOnTop: defaultProps.renderFilterOnTop,
       errorFetching: false,
@@ -192,29 +141,6 @@ describe('Navigator', () => {
     expect(wrapper.find('[aria-live="polite"]').text()).toBe('navigator.navigator-is navigator.state.ready');
   });
 
-  it('falls back to using the `technology.url` for the `technology-path`', () => {
-    const wrapper = createWrapper({
-      propsData: {
-        technology: fallbackTechnology,
-      },
-    });
-    expect(wrapper.find(NavigatorCard).props()).toEqual({
-      activePath: [references.first.url, references.second.url, mocks.$route.path],
-      // will assert in another test
-      children: [],
-      type: TopicTypes.module,
-      technology: fallbackTechnology.title,
-      technologyPath: fallbackTechnology.url,
-      isTechnologyBeta: false,
-      scrollLockID: defaultProps.scrollLockID,
-      renderFilterOnTop: defaultProps.renderFilterOnTop,
-      errorFetching: false,
-      apiChanges: null,
-      navigatorReferences,
-      hideAvailableTags: false,
-    });
-  });
-
   it('passes the errorFetching prop', () => {
     const wrapper = createWrapper({
       propsData: {
diff --git a/tests/unit/components/Navigator/NavigatorDataProvider.spec.js b/tests/unit/components/Navigator/NavigatorDataProvider.spec.js
deleted file mode 100644
index f17394249..000000000
--- a/tests/unit/components/Navigator/NavigatorDataProvider.spec.js
+++ /dev/null
@@ -1,557 +0,0 @@
-/**
- * This source file is part of the Swift.org open source project
- *
- * Copyright (c) 2022 Apple Inc. and the Swift project authors
- * Licensed under Apache License v2.0 with Runtime Library Exception
- *
- * See https://swift.org/LICENSE.txt for license information
- * See https://swift.org/CONTRIBUTORS.txt for Swift project authors
-*/
-
-import NavigatorDataProvider from '@/components/Navigator/NavigatorDataProvider.vue';
-import { shallowMount } from '@vue/test-utils';
-import Language from 'docc-render/constants/Language';
-import { TopicTypes } from '@/constants/TopicTypes';
-import { fetchIndexPathsData } from '@/utils/data';
-import { INDEX_ROOT_KEY } from '@/constants/sidebar';
-import { flushPromises } from '../../../../test-utils';
-
-jest.mock('docc-render/utils/data');
-
-const technologyUrl = '/documentation/foo';
-
-const extendedTechnologies = {
-  path: '/documentation/foo',
-  children: [
-    {
-      id: 'Group Marker',
-      title: 'Group Marker',
-      type: TopicTypes.groupMarker,
-    },
-    {
-      id: 'Child0',
-      title: 'Child0',
-      path: '/documentation/foo/child0',
-      type: 'article',
-      children: [
-        {
-          id: 'Group Marker, Child 0',
-          title: 'Group Marker, Child 0',
-          type: TopicTypes.groupMarker,
-        },
-        {
-          id: 'Child0_GrandChild0',
-          title: 'Child0_GrandChild0',
-          path: '/documentation/foo/child0/grandchild0',
-          type: 'tutorial',
-        },
-        {
-          id: 'Child0_GrandChild1',
-          title: 'Child0_GrandChild1',
-          path: '/documentation/foo/child0/grandchild1',
-          type: 'tutorial',
-          children: [{
-            id: 'Child0_GrandChild0_GreatGrandChild0',
-            title: 'Child0_GrandChild0_GreatGrandChild0',
-            path: '/documentation/foo/child0/grandchild0/greatgrandchild0',
-            type: 'tutorial',
-          }],
-        },
-        {
-          id: 'Child0_GrandChild2',
-          title: 'Child0_GrandChild2',
-          path: '/documentation/foo/child0/grandchild2',
-          type: 'tutorial',
-        },
-      ],
-    },
-    {
-      id: 'Child1',
-      title: 'Child1',
-      path: '/documentation/foo/child1/',
-      type: 'tutorial',
-      children: [{
-        id: 'Child1_GrandChild0',
-        title: 'Child1_GrandChild0',
-        path: '/documentation/foo/child1/grandchild0',
-        type: 'method',
-      }],
-    },
-  ],
-};
-
-const flatChildren = [
-  {
-    uid: -196255993,
-    parent: '<root>',
-    index: 0,
-    siblingsCount: 3,
-    depth: 0,
-    childUIDs: [],
-  },
-  {
-    uid: -196255992,
-    parent: '<root>',
-    index: 1,
-    siblingsCount: 3,
-    depth: 0,
-    childUIDs: [],
-  },
-  {
-    uid: -196255991,
-    parent: '<root>',
-    index: 2,
-    siblingsCount: 3,
-    depth: 0,
-    childUIDs: [],
-  },
-];
-
-const swiftIndexOne = {
-  id: 'foo',
-  path: technologyUrl,
-  children: [1, 2, 3],
-};
-const objectiveCIndexOne = {
-  id: 'foo-objc',
-  path: technologyUrl,
-  children: [1],
-};
-
-const references = {
-  foo: { bar: 'bar' },
-};
-
-const includedArchiveIdentifiers = [
-  'foo',
-  'bar',
-];
-
-const response = {
-  includedArchiveIdentifiers,
-  interfaceLanguages: {
-    [Language.swift.key.url]: [
-      swiftIndexOne,
-    ],
-    [Language.objectiveC.key.url]: [
-      objectiveCIndexOne,
-    ],
-  },
-  references,
-};
-
-fetchIndexPathsData.mockResolvedValue(response);
-
-const defaultProps = {
-  technologyUrl,
-};
-
-let props = {};
-
-const createWrapper = ({ propsData, ...others } = {}) => shallowMount(NavigatorDataProvider, {
-  propsData: {
-    ...defaultProps,
-    ...propsData,
-  },
-  scopedSlots: {
-    default: (p) => {
-      props = p;
-      return 'Text';
-    },
-  },
-  mocks: {
-    $route: {
-      params: {
-        locale: 'en-US',
-      },
-    },
-  },
-  ...others,
-});
-
-describe('NavigatorDataProvider', () => {
-  beforeEach(() => {
-    jest.clearAllMocks();
-  });
-
-  it('fetches data when mounting NavigatorDataProvider', async () => {
-    expect(fetchIndexPathsData).toHaveBeenCalledTimes(0);
-    createWrapper();
-    expect(fetchIndexPathsData).toHaveBeenCalledTimes(1);
-    expect(props).toHaveProperty('isFetching', true);
-    await flushPromises();
-    expect(props).toEqual({
-      apiChanges: null,
-      isFetchingAPIChanges: false,
-      isFetching: false,
-      technology: swiftIndexOne,
-      errorFetching: false,
-      flatChildren,
-      references,
-    });
-  });
-
-  it('fetches data, even if being passed a none-root technology url', async () => {
-    expect(fetchIndexPathsData).toHaveBeenCalledTimes(0);
-    createWrapper({
-      propsData: {
-        technologyUrl: `${technologyUrl}/bar/baz`,
-      },
-    });
-    expect(fetchIndexPathsData).toHaveBeenCalledTimes(1);
-    expect(props).toHaveProperty('isFetching', true);
-    await flushPromises();
-    expect(props).toEqual({
-      apiChanges: null,
-      isFetchingAPIChanges: false,
-      isFetching: false,
-      technology: swiftIndexOne,
-      errorFetching: false,
-      flatChildren,
-      references,
-    });
-  });
-
-  it('sets errorFetching to true, when request errored', async () => {
-    expect(fetchIndexPathsData).toHaveBeenCalledTimes(0);
-    fetchIndexPathsData.mockRejectedValueOnce('Error');
-    createWrapper();
-    expect(fetchIndexPathsData).toHaveBeenCalledTimes(1);
-    expect(props).toHaveProperty('isFetching', true);
-    await flushPromises();
-    expect(props).toEqual({
-      apiChanges: null,
-      isFetchingAPIChanges: false,
-      isFetching: false,
-      technology: undefined,
-      errorFetching: true,
-      flatChildren: [],
-      references: {},
-    });
-  });
-
-  it('returns objc data', async () => {
-    expect(fetchIndexPathsData).toHaveBeenCalledTimes(0);
-    createWrapper({
-      propsData: {
-        interfaceLanguage: Language.objectiveC.key.url,
-      },
-    });
-    expect(fetchIndexPathsData).toHaveBeenCalledTimes(1);
-    expect(props).toHaveProperty('isFetching', true);
-    await flushPromises();
-    expect(props).toEqual({
-      apiChanges: null,
-      isFetchingAPIChanges: false,
-      errorFetching: false,
-      isFetching: false,
-      technology: objectiveCIndexOne,
-      flatChildren: [{
-        uid: -196255993,
-        parent: '<root>',
-        index: 0,
-        siblingsCount: 1,
-        depth: 0,
-        childUIDs: [],
-      }],
-      references,
-    });
-  });
-
-  it('falls back to swift items, if no objc items', async () => {
-    expect(fetchIndexPathsData).toHaveBeenCalledTimes(0);
-    fetchIndexPathsData.mockResolvedValueOnce({
-      interfaceLanguages: {
-        [Language.swift.key.url]: response.interfaceLanguages[Language.swift.key.url],
-      },
-      references,
-    });
-    createWrapper({
-      propsData: {
-        interfaceLanguage: Language.objectiveC.key.url,
-      },
-    });
-    expect(fetchIndexPathsData).toHaveBeenCalledTimes(1);
-    expect(props).toHaveProperty('isFetching', true);
-    await flushPromises();
-    expect(props).toEqual({
-      apiChanges: null,
-      isFetchingAPIChanges: false,
-      errorFetching: false,
-      isFetching: false,
-      technology: swiftIndexOne,
-      flatChildren,
-      references,
-    });
-  });
-
-  it('returns the first technology, if none matches', async () => {
-    createWrapper({
-      propsData: {
-        technologyUrl: '/documentation/bar',
-      },
-    });
-    await flushPromises();
-    expect(props).toEqual({
-      apiChanges: null,
-      isFetchingAPIChanges: false,
-      errorFetching: false,
-      isFetching: false,
-      technology: swiftIndexOne,
-      flatChildren,
-      references,
-    });
-  });
-
-  it('returns undefined technology when index response is empty', async () => {
-    const emptyResponse = { interfaceLanguages: {} };
-    fetchIndexPathsData.mockResolvedValue(emptyResponse);
-    createWrapper();
-    await flushPromises();
-    expect(props).toEqual({
-      apiChanges: null,
-      isFetchingAPIChanges: false,
-      isFetching: false,
-      technology: undefined,
-      errorFetching: false,
-      flatChildren: [],
-      references: undefined,
-    });
-  });
-
-  it('counts the amount of deprecated items a groupMarker has', async () => {
-    const technologyClone = JSON.parse(JSON.stringify(extendedTechnologies));
-    technologyClone.children[1].deprecated = true;
-    technologyClone.children[2].deprecated = true;
-    technologyClone.children[1].children[1].deprecated = true;
-    fetchIndexPathsData.mockResolvedValue({
-      interfaceLanguages: {
-        [Language.swift.key.url]: [
-          technologyClone,
-        ],
-      },
-    });
-    createWrapper();
-    await flushPromises();
-    expect(props.flatChildren[0]).toHaveProperty('deprecatedChildrenCount', 2);
-    expect(props.flatChildren).toMatchSnapshot();
-  });
-
-  it('removes the `beta` flag from children, if the parent is a `beta`', async () => {
-    const technologyClone = JSON.parse(JSON.stringify(extendedTechnologies));
-    technologyClone.beta = true;
-    technologyClone.children[1].beta = true;
-    technologyClone.children[1].children[0].beta = true;
-    fetchIndexPathsData.mockResolvedValue({
-      interfaceLanguages: {
-        [Language.swift.key.url]: [
-          technologyClone,
-        ],
-      },
-    });
-    createWrapper();
-    await flushPromises();
-    expect(props).toMatchSnapshot();
-  });
-
-  it('removes the `beta` flag from children, if the parent is a `beta`', async () => {
-    const technologyClone = JSON.parse(JSON.stringify(extendedTechnologies));
-    technologyClone.children[1].beta = true;
-    technologyClone.children[1].children[1].beta = true;
-    // case where the direct parent is NOT `Beta`, but an ancestor is
-    technologyClone.children[1].children[2].children[0].beta = true;
-    // set an end node as beta
-    technologyClone.children[2].children[0].beta = true;
-    fetchIndexPathsData.mockResolvedValue({
-      interfaceLanguages: {
-        [Language.swift.key.url]: [
-          technologyClone,
-        ],
-      },
-    });
-    createWrapper();
-    await flushPromises();
-    expect(props).toMatchSnapshot();
-  });
-
-  it('flattens deeply nested children and provides them to the NavigatorCard', async () => {
-    fetchIndexPathsData.mockResolvedValue({
-      interfaceLanguages: {
-        [Language.swift.key.url]: [{
-          path: '/documentation/foo',
-          children: [
-            {
-              title: 'Group Marker',
-              type: TopicTypes.groupMarker,
-            },
-            {
-              title: 'Child0',
-              path: '/foo/child0',
-              type: 'article',
-              children: [
-                {
-                  title: 'Group Marker, Child 0',
-                  type: TopicTypes.groupMarker,
-                },
-                {
-                  title: 'Child0_GrandChild0',
-                  path: '/foo/child0/grandchild0',
-                  type: 'tutorial',
-                },
-                {
-                  title: 'Child0_GrandChild1',
-                  path: '/foo/child0/grandchild1',
-                  type: 'tutorial',
-                  children: [{
-                    title: 'Child0_GrandChild0_GreatGrandChild0',
-                    path: '/foo/child0/grandchild0/greatgrandchild0',
-                    type: 'tutorial',
-                  }],
-                },
-                {
-                  title: 'Child0_GrandChild2',
-                  path: '/foo/child0/grandchild2',
-                  type: 'tutorial',
-                },
-              ],
-            },
-            {
-              title: 'Child1',
-              path: '/foo/child1/',
-              type: 'tutorial',
-              children: [{
-                title: 'Child1_GrandChild0',
-                path: '/foo/child1/grandchild0',
-                type: 'method',
-              }],
-            },
-          ],
-        }],
-      },
-    });
-    createWrapper();
-    await flushPromises();
-    expect(props.flatChildren).toEqual([
-      {
-        childUIDs: [
-          551503844,
-          -97593391,
-        ],
-        deprecatedChildrenCount: 0,
-        depth: 0,
-        index: 0,
-        parent: INDEX_ROOT_KEY,
-        siblingsCount: 3,
-        title: 'Group Marker',
-        type: 'groupMarker',
-        uid: -196255993,
-      },
-      {
-        childUIDs: [
-          -361407047,
-          1438225895,
-          1439149417,
-          1440072939,
-        ],
-        depth: 0,
-        groupMarkerUID: -196255993,
-        index: 1,
-        parent: INDEX_ROOT_KEY,
-        path: '/foo/child0',
-        siblingsCount: 3,
-        title: 'Child0',
-        type: 'article',
-        uid: 551503844,
-      },
-      {
-        childUIDs: [
-          1438225895,
-          1439149417,
-          1440072939,
-        ],
-        deprecatedChildrenCount: 0,
-        depth: 1,
-        index: 0,
-        parent: 551503844,
-        siblingsCount: 4,
-        title: 'Group Marker, Child 0',
-        type: 'groupMarker',
-        uid: -361407047,
-      },
-      {
-        childUIDs: [],
-        depth: 1,
-        groupMarkerUID: -361407047,
-        index: 1,
-        parent: 551503844,
-        path: '/foo/child0/grandchild0',
-        siblingsCount: 4,
-        title: 'Child0_GrandChild0',
-        type: 'tutorial',
-        uid: 1438225895,
-      },
-      {
-        childUIDs: [
-          305326087,
-        ],
-        depth: 1,
-        groupMarkerUID: -361407047,
-        index: 2,
-        parent: 551503844,
-        path: '/foo/child0/grandchild1',
-        siblingsCount: 4,
-        title: 'Child0_GrandChild1',
-        type: 'tutorial',
-        uid: 1439149417,
-      },
-      {
-        childUIDs: [],
-        depth: 2,
-        index: 0,
-        parent: 1439149417,
-        path: '/foo/child0/grandchild0/greatgrandchild0',
-        siblingsCount: 1,
-        title: 'Child0_GrandChild0_GreatGrandChild0',
-        type: 'tutorial',
-        uid: 305326087,
-      },
-      {
-        childUIDs: [],
-        depth: 1,
-        groupMarkerUID: -361407047,
-        index: 3,
-        parent: 551503844,
-        path: '/foo/child0/grandchild2',
-        siblingsCount: 4,
-        title: 'Child0_GrandChild2',
-        type: 'tutorial',
-        uid: 1440072939,
-      },
-      {
-        childUIDs: [
-          -827353283,
-        ],
-        depth: 0,
-        groupMarkerUID: -196255993,
-        index: 2,
-        parent: INDEX_ROOT_KEY,
-        path: '/foo/child1/',
-        siblingsCount: 3,
-        title: 'Child1',
-        type: 'tutorial',
-        uid: -97593391,
-      },
-      {
-        childUIDs: [],
-        depth: 1,
-        index: 0,
-        parent: -97593391,
-        path: '/foo/child1/grandchild0',
-        siblingsCount: 1,
-        title: 'Child1_GrandChild0',
-        type: 'method',
-        uid: -827353283,
-      },
-    ]);
-  });
-});
diff --git a/tests/unit/components/Navigator/__snapshots__/NavigatorDataProvider.spec.js.snap b/tests/unit/components/Navigator/__snapshots__/NavigatorDataProvider.spec.js.snap
deleted file mode 100644
index f65dfb359..000000000
--- a/tests/unit/components/Navigator/__snapshots__/NavigatorDataProvider.spec.js.snap
+++ /dev/null
@@ -1,559 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`NavigatorDataProvider counts the amount of deprecated items a groupMarker has 1`] = `
-Array [
-  Object {
-    "childUIDs": Array [
-      365745369,
-      -1561138820,
-    ],
-    "deprecatedChildrenCount": 2,
-    "depth": 0,
-    "id": "Group Marker",
-    "index": 0,
-    "parent": <root>,
-    "siblingsCount": 3,
-    "title": "Group Marker",
-    "type": "groupMarker",
-    "uid": -196255993,
-  },
-  Object {
-    "childUIDs": Array [
-      -1893192488,
-      -2046366661,
-      -2045443139,
-      -2044519617,
-    ],
-    "deprecated": true,
-    "depth": 0,
-    "groupMarkerUID": -196255993,
-    "id": "Child0",
-    "index": 1,
-    "parent": <root>,
-    "path": "/documentation/foo/child0",
-    "siblingsCount": 3,
-    "title": "Child0",
-    "type": "article",
-    "uid": 365745369,
-  },
-  Object {
-    "childUIDs": Array [
-      -2046366661,
-      -2045443139,
-      -2044519617,
-    ],
-    "deprecatedChildrenCount": 1,
-    "depth": 1,
-    "id": "Group Marker, Child 0",
-    "index": 0,
-    "parent": 365745369,
-    "siblingsCount": 4,
-    "title": "Group Marker, Child 0",
-    "type": "groupMarker",
-    "uid": -1893192488,
-  },
-  Object {
-    "childUIDs": Array [],
-    "deprecated": true,
-    "depth": 1,
-    "groupMarkerUID": -1893192488,
-    "id": "Child0_GrandChild0",
-    "index": 1,
-    "parent": 365745369,
-    "path": "/documentation/foo/child0/grandchild0",
-    "siblingsCount": 4,
-    "title": "Child0_GrandChild0",
-    "type": "tutorial",
-    "uid": -2046366661,
-  },
-  Object {
-    "childUIDs": Array [
-      366459535,
-    ],
-    "depth": 1,
-    "groupMarkerUID": -1893192488,
-    "id": "Child0_GrandChild1",
-    "index": 2,
-    "parent": 365745369,
-    "path": "/documentation/foo/child0/grandchild1",
-    "siblingsCount": 4,
-    "title": "Child0_GrandChild1",
-    "type": "tutorial",
-    "uid": -2045443139,
-  },
-  Object {
-    "childUIDs": Array [],
-    "depth": 2,
-    "id": "Child0_GrandChild0_GreatGrandChild0",
-    "index": 0,
-    "parent": -2045443139,
-    "path": "/documentation/foo/child0/grandchild0/greatgrandchild0",
-    "siblingsCount": 1,
-    "title": "Child0_GrandChild0_GreatGrandChild0",
-    "type": "tutorial",
-    "uid": 366459535,
-  },
-  Object {
-    "childUIDs": Array [],
-    "depth": 1,
-    "groupMarkerUID": -1893192488,
-    "id": "Child0_GrandChild2",
-    "index": 3,
-    "parent": 365745369,
-    "path": "/documentation/foo/child0/grandchild2",
-    "siblingsCount": 4,
-    "title": "Child0_GrandChild2",
-    "type": "tutorial",
-    "uid": -2044519617,
-  },
-  Object {
-    "childUIDs": Array [
-      1069111095,
-    ],
-    "deprecated": true,
-    "depth": 0,
-    "groupMarkerUID": -196255993,
-    "id": "Child1",
-    "index": 2,
-    "parent": <root>,
-    "path": "/documentation/foo/child1/",
-    "siblingsCount": 3,
-    "title": "Child1",
-    "type": "tutorial",
-    "uid": -1561138820,
-  },
-  Object {
-    "childUIDs": Array [],
-    "depth": 1,
-    "id": "Child1_GrandChild0",
-    "index": 0,
-    "parent": -1561138820,
-    "path": "/documentation/foo/child1/grandchild0",
-    "siblingsCount": 1,
-    "title": "Child1_GrandChild0",
-    "type": "method",
-    "uid": 1069111095,
-  },
-]
-`;
-
-exports[`NavigatorDataProvider removes the \`beta\` flag from children, if the parent is a \`beta\` 1`] = `
-Object {
-  "apiChanges": null,
-  "errorFetching": false,
-  "flatChildren": Array [
-    Object {
-      "childUIDs": Array [
-        365745369,
-        -1561138820,
-      ],
-      "deprecatedChildrenCount": 0,
-      "depth": 0,
-      "id": "Group Marker",
-      "index": 0,
-      "parent": <root>,
-      "siblingsCount": 3,
-      "title": "Group Marker",
-      "type": "groupMarker",
-      "uid": -196255993,
-    },
-    Object {
-      "beta": false,
-      "childUIDs": Array [
-        -1893192488,
-        -2046366661,
-        -2045443139,
-        -2044519617,
-      ],
-      "depth": 0,
-      "groupMarkerUID": -196255993,
-      "id": "Child0",
-      "index": 1,
-      "parent": <root>,
-      "path": "/documentation/foo/child0",
-      "siblingsCount": 3,
-      "title": "Child0",
-      "type": "article",
-      "uid": 365745369,
-    },
-    Object {
-      "beta": false,
-      "childUIDs": Array [
-        -2046366661,
-        -2045443139,
-        -2044519617,
-      ],
-      "deprecatedChildrenCount": 0,
-      "depth": 1,
-      "id": "Group Marker, Child 0",
-      "index": 0,
-      "parent": 365745369,
-      "siblingsCount": 4,
-      "title": "Group Marker, Child 0",
-      "type": "groupMarker",
-      "uid": -1893192488,
-    },
-    Object {
-      "childUIDs": Array [],
-      "depth": 1,
-      "groupMarkerUID": -1893192488,
-      "id": "Child0_GrandChild0",
-      "index": 1,
-      "parent": 365745369,
-      "path": "/documentation/foo/child0/grandchild0",
-      "siblingsCount": 4,
-      "title": "Child0_GrandChild0",
-      "type": "tutorial",
-      "uid": -2046366661,
-    },
-    Object {
-      "childUIDs": Array [
-        366459535,
-      ],
-      "depth": 1,
-      "groupMarkerUID": -1893192488,
-      "id": "Child0_GrandChild1",
-      "index": 2,
-      "parent": 365745369,
-      "path": "/documentation/foo/child0/grandchild1",
-      "siblingsCount": 4,
-      "title": "Child0_GrandChild1",
-      "type": "tutorial",
-      "uid": -2045443139,
-    },
-    Object {
-      "childUIDs": Array [],
-      "depth": 2,
-      "id": "Child0_GrandChild0_GreatGrandChild0",
-      "index": 0,
-      "parent": -2045443139,
-      "path": "/documentation/foo/child0/grandchild0/greatgrandchild0",
-      "siblingsCount": 1,
-      "title": "Child0_GrandChild0_GreatGrandChild0",
-      "type": "tutorial",
-      "uid": 366459535,
-    },
-    Object {
-      "childUIDs": Array [],
-      "depth": 1,
-      "groupMarkerUID": -1893192488,
-      "id": "Child0_GrandChild2",
-      "index": 3,
-      "parent": 365745369,
-      "path": "/documentation/foo/child0/grandchild2",
-      "siblingsCount": 4,
-      "title": "Child0_GrandChild2",
-      "type": "tutorial",
-      "uid": -2044519617,
-    },
-    Object {
-      "childUIDs": Array [
-        1069111095,
-      ],
-      "depth": 0,
-      "groupMarkerUID": -196255993,
-      "id": "Child1",
-      "index": 2,
-      "parent": <root>,
-      "path": "/documentation/foo/child1/",
-      "siblingsCount": 3,
-      "title": "Child1",
-      "type": "tutorial",
-      "uid": -1561138820,
-    },
-    Object {
-      "childUIDs": Array [],
-      "depth": 1,
-      "id": "Child1_GrandChild0",
-      "index": 0,
-      "parent": -1561138820,
-      "path": "/documentation/foo/child1/grandchild0",
-      "siblingsCount": 1,
-      "title": "Child1_GrandChild0",
-      "type": "method",
-      "uid": 1069111095,
-    },
-  ],
-  "isFetching": false,
-  "isFetchingAPIChanges": false,
-  "references": undefined,
-  "technology": Object {
-    "beta": true,
-    "children": Array [
-      Object {
-        "id": "Group Marker",
-        "title": "Group Marker",
-        "type": "groupMarker",
-      },
-      Object {
-        "beta": true,
-        "children": Array [
-          Object {
-            "beta": true,
-            "id": "Group Marker, Child 0",
-            "title": "Group Marker, Child 0",
-            "type": "groupMarker",
-          },
-          Object {
-            "id": "Child0_GrandChild0",
-            "path": "/documentation/foo/child0/grandchild0",
-            "title": "Child0_GrandChild0",
-            "type": "tutorial",
-          },
-          Object {
-            "children": Array [
-              Object {
-                "id": "Child0_GrandChild0_GreatGrandChild0",
-                "path": "/documentation/foo/child0/grandchild0/greatgrandchild0",
-                "title": "Child0_GrandChild0_GreatGrandChild0",
-                "type": "tutorial",
-              },
-            ],
-            "id": "Child0_GrandChild1",
-            "path": "/documentation/foo/child0/grandchild1",
-            "title": "Child0_GrandChild1",
-            "type": "tutorial",
-          },
-          Object {
-            "id": "Child0_GrandChild2",
-            "path": "/documentation/foo/child0/grandchild2",
-            "title": "Child0_GrandChild2",
-            "type": "tutorial",
-          },
-        ],
-        "id": "Child0",
-        "path": "/documentation/foo/child0",
-        "title": "Child0",
-        "type": "article",
-      },
-      Object {
-        "children": Array [
-          Object {
-            "id": "Child1_GrandChild0",
-            "path": "/documentation/foo/child1/grandchild0",
-            "title": "Child1_GrandChild0",
-            "type": "method",
-          },
-        ],
-        "id": "Child1",
-        "path": "/documentation/foo/child1/",
-        "title": "Child1",
-        "type": "tutorial",
-      },
-    ],
-    "path": "/documentation/foo",
-  },
-}
-`;
-
-exports[`NavigatorDataProvider removes the \`beta\` flag from children, if the parent is a \`beta\` 2`] = `
-Object {
-  "apiChanges": null,
-  "errorFetching": false,
-  "flatChildren": Array [
-    Object {
-      "childUIDs": Array [
-        365745369,
-        -1561138820,
-      ],
-      "deprecatedChildrenCount": 0,
-      "depth": 0,
-      "id": "Group Marker",
-      "index": 0,
-      "parent": <root>,
-      "siblingsCount": 3,
-      "title": "Group Marker",
-      "type": "groupMarker",
-      "uid": -196255993,
-    },
-    Object {
-      "beta": true,
-      "childUIDs": Array [
-        -1893192488,
-        -2046366661,
-        -2045443139,
-        -2044519617,
-      ],
-      "depth": 0,
-      "groupMarkerUID": -196255993,
-      "id": "Child0",
-      "index": 1,
-      "parent": <root>,
-      "path": "/documentation/foo/child0",
-      "siblingsCount": 3,
-      "title": "Child0",
-      "type": "article",
-      "uid": 365745369,
-    },
-    Object {
-      "childUIDs": Array [
-        -2046366661,
-        -2045443139,
-        -2044519617,
-      ],
-      "deprecatedChildrenCount": 0,
-      "depth": 1,
-      "id": "Group Marker, Child 0",
-      "index": 0,
-      "parent": 365745369,
-      "siblingsCount": 4,
-      "title": "Group Marker, Child 0",
-      "type": "groupMarker",
-      "uid": -1893192488,
-    },
-    Object {
-      "beta": false,
-      "childUIDs": Array [],
-      "depth": 1,
-      "groupMarkerUID": -1893192488,
-      "id": "Child0_GrandChild0",
-      "index": 1,
-      "parent": 365745369,
-      "path": "/documentation/foo/child0/grandchild0",
-      "siblingsCount": 4,
-      "title": "Child0_GrandChild0",
-      "type": "tutorial",
-      "uid": -2046366661,
-    },
-    Object {
-      "childUIDs": Array [
-        366459535,
-      ],
-      "depth": 1,
-      "groupMarkerUID": -1893192488,
-      "id": "Child0_GrandChild1",
-      "index": 2,
-      "parent": 365745369,
-      "path": "/documentation/foo/child0/grandchild1",
-      "siblingsCount": 4,
-      "title": "Child0_GrandChild1",
-      "type": "tutorial",
-      "uid": -2045443139,
-    },
-    Object {
-      "beta": false,
-      "childUIDs": Array [],
-      "depth": 2,
-      "id": "Child0_GrandChild0_GreatGrandChild0",
-      "index": 0,
-      "parent": -2045443139,
-      "path": "/documentation/foo/child0/grandchild0/greatgrandchild0",
-      "siblingsCount": 1,
-      "title": "Child0_GrandChild0_GreatGrandChild0",
-      "type": "tutorial",
-      "uid": 366459535,
-    },
-    Object {
-      "childUIDs": Array [],
-      "depth": 1,
-      "groupMarkerUID": -1893192488,
-      "id": "Child0_GrandChild2",
-      "index": 3,
-      "parent": 365745369,
-      "path": "/documentation/foo/child0/grandchild2",
-      "siblingsCount": 4,
-      "title": "Child0_GrandChild2",
-      "type": "tutorial",
-      "uid": -2044519617,
-    },
-    Object {
-      "childUIDs": Array [
-        1069111095,
-      ],
-      "depth": 0,
-      "groupMarkerUID": -196255993,
-      "id": "Child1",
-      "index": 2,
-      "parent": <root>,
-      "path": "/documentation/foo/child1/",
-      "siblingsCount": 3,
-      "title": "Child1",
-      "type": "tutorial",
-      "uid": -1561138820,
-    },
-    Object {
-      "beta": true,
-      "childUIDs": Array [],
-      "depth": 1,
-      "id": "Child1_GrandChild0",
-      "index": 0,
-      "parent": -1561138820,
-      "path": "/documentation/foo/child1/grandchild0",
-      "siblingsCount": 1,
-      "title": "Child1_GrandChild0",
-      "type": "method",
-      "uid": 1069111095,
-    },
-  ],
-  "isFetching": false,
-  "isFetchingAPIChanges": false,
-  "references": undefined,
-  "technology": Object {
-    "children": Array [
-      Object {
-        "id": "Group Marker",
-        "title": "Group Marker",
-        "type": "groupMarker",
-      },
-      Object {
-        "beta": true,
-        "children": Array [
-          Object {
-            "id": "Group Marker, Child 0",
-            "title": "Group Marker, Child 0",
-            "type": "groupMarker",
-          },
-          Object {
-            "beta": true,
-            "id": "Child0_GrandChild0",
-            "path": "/documentation/foo/child0/grandchild0",
-            "title": "Child0_GrandChild0",
-            "type": "tutorial",
-          },
-          Object {
-            "children": Array [
-              Object {
-                "beta": true,
-                "id": "Child0_GrandChild0_GreatGrandChild0",
-                "path": "/documentation/foo/child0/grandchild0/greatgrandchild0",
-                "title": "Child0_GrandChild0_GreatGrandChild0",
-                "type": "tutorial",
-              },
-            ],
-            "id": "Child0_GrandChild1",
-            "path": "/documentation/foo/child0/grandchild1",
-            "title": "Child0_GrandChild1",
-            "type": "tutorial",
-          },
-          Object {
-            "id": "Child0_GrandChild2",
-            "path": "/documentation/foo/child0/grandchild2",
-            "title": "Child0_GrandChild2",
-            "type": "tutorial",
-          },
-        ],
-        "id": "Child0",
-        "path": "/documentation/foo/child0",
-        "title": "Child0",
-        "type": "article",
-      },
-      Object {
-        "children": Array [
-          Object {
-            "beta": true,
-            "id": "Child1_GrandChild0",
-            "path": "/documentation/foo/child1/grandchild0",
-            "title": "Child1_GrandChild0",
-            "type": "method",
-          },
-        ],
-        "id": "Child1",
-        "path": "/documentation/foo/child1/",
-        "title": "Child1",
-        "type": "tutorial",
-      },
-    ],
-    "path": "/documentation/foo",
-  },
-}
-`;
diff --git a/tests/unit/mixins/indexDataGetter.spec.js b/tests/unit/mixins/indexDataGetter.spec.js
index eea6d93d8..bf4be38fe 100644
--- a/tests/unit/mixins/indexDataGetter.spec.js
+++ b/tests/unit/mixins/indexDataGetter.spec.js
@@ -148,6 +148,23 @@ describe('indexDataGetter', () => {
     expect(wrapper.vm.technologyProps).toEqual(null);
   });
 
+  it('falls back to using the `technology.url` if no path', () => {
+    const fallbackTechnology = {
+      title: 'FallbackTechnology',
+      url: '/url/to/technology',
+    };
+    IndexStore.state = {
+      ...mockState(),
+      technologyProps: {},
+    };
+    const wrapper = createWrapper();
+    wrapper.setProps({
+      technology: fallbackTechnology,
+    });
+
+    expect(wrapper.vm.technologyProps.technologyPath).toEqual(fallbackTechnology.url);
+  });
+
   it('computes the correct fetching status`', () => {
     IndexStore.state = {
       ...mockState(),