From f861e6a269ba9f62700776d3cd13b644a9e836d4 Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Wed, 20 Sep 2023 16:38:54 +0200 Subject: refactor: use named export for everything except pages Next expect a default export for pages so only those components should use default exports. Everything else should use named exports to reduce the number of import statements. --- src/utils/hooks/use-headings-tree.tsx | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) (limited to 'src/utils/hooks/use-headings-tree.tsx') diff --git a/src/utils/hooks/use-headings-tree.tsx b/src/utils/hooks/use-headings-tree.tsx index 0dc077e..049ab29 100644 --- a/src/utils/hooks/use-headings-tree.tsx +++ b/src/utils/hooks/use-headings-tree.tsx @@ -1,5 +1,5 @@ import { useCallback, useEffect, useMemo, useState } from 'react'; -import { slugify } from '../helpers/strings'; +import { slugify } from '../helpers'; import { useMutationObserver } from './use-mutation-observer'; export type Heading = { @@ -27,7 +27,7 @@ export type Heading = { * @param {HTMLElement} wrapper - An HTML element that contains the headings. * @returns {Heading[]} The headings tree. */ -const useHeadingsTree = (wrapper: HTMLElement): Heading[] => { +export const useHeadingsTree = (wrapper: HTMLElement): Heading[] => { const depths = useMemo(() => ['h2', 'h3', 'h4', 'h5', 'h6'], []); const [allHeadings, setAllHeadings] = useState>(); @@ -160,5 +160,3 @@ const useHeadingsTree = (wrapper: HTMLElement): Heading[] => { return headingsTree; }; - -export default useHeadingsTree; -- cgit v1.2.3