Remix relative paths

relative-path.ts

function useRelativePath() {
  const location = useLocation()
  const base = new URL(`http://dummy${location.pathname}${location.search}`)
  return (relativePath: string) => {
    const relative = new URL(relativePath, base)
    return `${relative.pathname}${relative.search}`
  }
}

// path = /parent/child/?a=1
const getRelative = useRelativePath() 
console.log(getRelative('..?b=2'))  // /parent/?b=2