redirect() isn't working?

Answered

Gecco posted this in #help-forum

Open in Discord

2024-02-14T16:49:18.000Z

Hi, I added redirect() to my code and it doesn't seem to redirect to the desired endpoint when clicked. window.location.href = URL seems to work but I'm unsure what I did wrong with the former. I am directing from /docs/api to /docs/api/:id, could such be causing the issue? Thanks

Answered by joulev

redirect() is not server-only but it needs to be caught by a React error boundary for the redirect to work. onClick is not under a React error boundary, so redirect() doesn't work there. use router.push instead

View full answer

8 Replies

2024-02-14T16:58:25.000Z

What's the code you're using in your redirect

Might want to try router.push

Or just stick with window.location

@Jesse What's the code you're using in your redirect

2024-02-14T17:38:19.000Z

It's within an onClick event

@Gecco It's within an `onClick` event

2024-02-14T19:34:43.000Z

I would use router.push for that

2024-02-14T23:59:04.000Z

I think redirect() is server-only

2024-02-15T00:06:04.000Z

redirect() is not server-only but it needs to be caught by a React error boundary for the redirect to work. onClick is not under a React error boundary, so redirect() doesn't work there. use router.push instead

Answer

2024-02-15T01:57:34.000Z

Using <Link> worked alright, thanks regardless