react-router fix: support basename and relative routing in loader/action redirects

fix: support basename and relative routing in loader/action redirects

Open brophdawg11 opened this issue 2 years ago • 1 comments

Builds on top of original PR (#9418) to handle basename in loader/action redirects and also adds support for relative routing in redirects.

Basename example:

let router = createBrowserRouter([{
  path: '/',
  loader() {
    // This will now properly redirect the browser to /base/other
    return redirect('/other');
  },
}], { basename: '/base'}

Relative routing example:

let router = createBrowserRouter([{
  path: '/',
  children: [{
    path: 'parent',
    children: [{
      path: 'child',
      loader() {
        // This will now properly redirect the browser to /parent
        return redirect('..');
      },
    }],
  }]
}]);

Closes #9417

Co-authored-by: Mikaël ANZANO [email protected]