diff --git a/app/scripts/components/stories/hub/container.tsx b/app/scripts/components/stories/hub/container.tsx
index 6abac8dae..5f12b6f06 100644
--- a/app/scripts/components/stories/hub/container.tsx
+++ b/app/scripts/components/stories/hub/container.tsx
@@ -3,7 +3,6 @@ import { useNavigate } from 'react-router';
import { stories, getString } from 'veda';
import HubContent from './hub-content';
-import { generateTaxonomies } from '$utils/veda-data/taxonomies';
import { useFiltersWithQS } from '$components/common/catalog/controls/hooks/use-filters-with-query';
import { LayoutProps } from '$components/common/layout-root';
@@ -24,7 +23,6 @@ const allStories = Object.values(stories).map((d) => d!.data).filter(d => !d.isH
function StoriesHub() {
const controlVars = useFiltersWithQS({navigate: useNavigate()});
- const storyTaxonomies = generateTaxonomies(allStories);
return (
diff --git a/app/scripts/components/stories/hub/hub-content.tsx b/app/scripts/components/stories/hub/hub-content.tsx
index 8bbaf85c9..6eff9be6d 100644
--- a/app/scripts/components/stories/hub/hub-content.tsx
+++ b/app/scripts/components/stories/hub/hub-content.tsx
@@ -31,8 +31,8 @@ import {
TAXONOMY_SOURCE,
TAXONOMY_TOPICS
} from '$utils/veda-data/taxonomies';
-
-import { StoryData, Taxonomy } from '$types/veda';
+import { generateTaxonomies } from '$utils/veda-data/taxonomies';
+import { StoryData } from '$types/veda';
import { UseFiltersWithQueryResult } from '$components/common/catalog/controls/hooks/use-filters-with-query';
const StoryCount = styled(Subtitle)`
@@ -59,18 +59,19 @@ interface HubContentProps {
allStories: StoryDataWithPath[];
linkProperties: LinkProperties;
storiesPagePath: string;
- storyTaxonomies: Taxonomy[];
storiesString: {one: string, other: string};
onFilterchanges: () => UseFiltersWithQueryResult;
}
export default function HubContent(props:HubContentProps) {
- const { allStories, linkProperties, storiesPagePath, storyTaxonomies, storiesString, onFilterchanges } = props;
+ const { allStories, linkProperties, storiesPagePath, storiesString, onFilterchanges } = props;
const browseControlsHeaderRef = useRef(null);
const { headerHeight } = useSlidingStickyHeaderProps();
- const { LinkElement, pathAttributeKeyName } = linkProperties;
const { search, taxonomies, onAction } = onFilterchanges();
+ const { LinkElement, pathAttributeKeyName } = linkProperties;
+ const storyTaxonomies = generateTaxonomies(allStories);
+
const ButtonLinkProps = {
forwardedAs: LinkElement,
[pathAttributeKeyName]: storiesPagePath