Redirect in route render

[schickling]

First of all thanks for actively maintaining this library! 👍

I was wondering what's currently the best practise to do a redirect when a Relay route returns an error?
A minimal workaround could look like this but there has to be a better way.

const render = ({ error, props, element }) => {
  if (error) {
    window.location.pathname = '/'
  }

  return React.cloneElement(element, props)
}

export default (
  <Route path='/'>
    <Route path=':id' component={RootView} queries={ViewerQuery} render={render} />
  </Route>
)

[taion]

I'd render a dummy component (<RedirectOnMount to="/foo" />) that just redirects using context.router when it mounts.

[schickling]

Thanks for the quick answer. That's how I already do it but that feels like a hack tbh...

[taion]

A bit. Maybe I can inject router as a prop there. Or we can do remix-run/react-router#3325 (comment).

[schickling]

I think having the router there would make a lot of sense since it save the additional render attempts.

[schickling]

Do you think it make sense to reopen this in the meanwhile?

[fabiosantoscode]

To fix this, I've created a Redirector component with https://www.npmjs.com/react-side-effect. It's working well, and it can be used wherever in the application.

[ramusus]

@fabiosantoscode where we can see your Redirector component?

[taion]

React Router as-is doesn't offer the necessary hooks to do this the way I want. This functionality is doable with found; see relay-tools/found-relay#1.