diff --git a/src/components/Nav/Mobile/LvlAccordion.tsx b/src/components/Nav/Mobile/LvlAccordion.tsx index d0a2b79bdde..6064ade09be 100644 --- a/src/components/Nav/Mobile/LvlAccordion.tsx +++ b/src/components/Nav/Mobile/LvlAccordion.tsx @@ -57,7 +57,7 @@ const LvlAccordion = ({ {/* TODO: replace this with ButtonLink when is implemented */} diff --git a/src/components/Nav/Mobile/index.tsx b/src/components/Nav/Mobile/index.tsx index cb85214c4f0..39e83b12cee 100644 --- a/src/components/Nav/Mobile/index.tsx +++ b/src/components/Nav/Mobile/index.tsx @@ -14,7 +14,7 @@ import MenuBody from "./MenuBody" import MenuFooter from "./MenuFooter" import MenuHeader from "./MenuHeader" -import useDisclosure from "@/hooks/useDisclosure" +import { useDisclosure } from "@/hooks/useDisclosure" type MobileNavMenuProps = ButtonProps & { toggleColorMode: () => void diff --git a/src/hooks/useDisclosure.ts b/src/hooks/useDisclosure.ts index 2bb5612be23..2e9298cb18b 100644 --- a/src/hooks/useDisclosure.ts +++ b/src/hooks/useDisclosure.ts @@ -4,7 +4,7 @@ import { useBoolean } from "usehooks-ts" * Hook that provides a more semantic API for managing the open/close state of a * modal, dropdown, or any other component that can be opened and closed. */ -function useDisclosure(defaultValue = false) { +export const useDisclosure = (defaultValue = false) => { const { value, setTrue, setFalse, toggle } = useBoolean(defaultValue) return { @@ -14,5 +14,3 @@ function useDisclosure(defaultValue = false) { onToggle: toggle, } } - -export default useDisclosure