// useMovePage.ts
import { useNavigate, To, NavigateOptions } from 'react-router-dom'
import { useRecoilState } from 'recoil'
import { isOpenDrawerState } from 'atoms/appBarAtom'
export function useMovePage() {
const [isOpenDrawer, setIsOpenDrawer] = useRecoilState(isOpenDrawerState)
const navigate = useNavigate()
const setPage = (url: To, state?: NavigateOptions) => {
if (isOpenDrawer) {
setIsOpenDrawer(false)
}
return navigate(url, { state })
}
return [setPage]
}
export default useMovePage
const [setPage] = useMovePage()
const handleMovePage = (event) => {
setPage('/')
}
...
...