overleaf-cep/services/web/frontend/js/shared/hooks/use-location.ts
Tim Down 7abafb01ea Merge pull request #23940 from overleaf/td-react-18
Upgrade to React 18

GitOrigin-RevId: 9b81936e6eea2bccd97fe5c2c5841f0b946371b8
2025-05-02 08:05:29 +00:00

52 lines
1 KiB
TypeScript

import { useCallback, useMemo } from 'react'
import useIsMounted from './use-is-mounted'
import { location } from '@/shared/components/location'
export const useLocation = () => {
const isMounted = useIsMounted()
const assign = useCallback(
(url: string) => {
if (isMounted.current) {
location.assign(url)
}
},
[isMounted]
)
const replace = useCallback(
(url: string) => {
if (isMounted.current) {
location.replace(url)
}
},
[isMounted]
)
const reload = useCallback(() => {
if (isMounted.current) {
location.reload()
}
}, [isMounted])
const setHash = useCallback(
(hash: string) => {
if (isMounted.current) {
location.setHash(hash)
}
},
[isMounted]
)
const toString = useCallback(() => {
if (isMounted.current) {
return location.toString()
}
return ''
}, [isMounted])
return useMemo(
() => ({ assign, replace, reload, setHash, toString }),
[assign, replace, reload, setHash, toString]
)
}