"use client"

import { useParams } from "next/navigation"
import { useEffect, useState } from "react"

const getHash = () =>
  typeof window !== "undefined" ? window.location.hash : undefined

const useHash = () => {
  const [isClient, setIsClient] = useState(false)
  const [hash, setHash] = useState(getHash())
  const params = useParams()

  useEffect(() => {
    setIsClient(true)
    setHash(getHash())
  }, [params])

  return isClient ? hash : null
}

export default useHash