Function useModal

packages/react-router/tests/useNavigate.test.tsx:1651–1673

(name: string)

    })

    const useModal = (name: string) => {
      const currentOpen = postRoute.useSearch({
        select: (search) => search[`_${name}`],
      })

      const navigate = useNavigate()

      const setModal = React.useCallback(
        (open: boolean) => {
          navigate({
            to: '.',
            search: (prev: {}) => ({
              ...prev,
              [`_${name}`]: open ? true : undefined,
            }),
            resetScroll: false,
          })
        },
        [name, navigate],
      )

      return [currentOpen, setModal] as const
    }

    function DetailComponent(props: { id: string }) {
      const params = useParams({ strict: false })