Next.js Discord

Discord Forum

Revalidating intercepted parallel routes with revalidatePath

Unanswered
House Wren posted this in #help-forum
Open in Discord
House WrenOP
I have two pages that are rendered with parallel routes. Let's call them company and companyDetails.

the companyDetails page is intercepted in the company page and rendered as a parallel route so that the user can see the list of companies and the side panel with the company details.

For example:

company route companyDetails route
|---CompaniesList ---|----CompanyDetails-----|
| Company I | Company I Details |
| Company II | |
| Company II | Some Company I |
| Company III | Details |

Clicking on Company II would render the Company II details on the right and so on.

Users can take actions in the companyDetails route that is being rendered as a side panel that makes it so that we need to revalidatePath the companyDetails page. However, calling revalidatePath on the companyDetails route breaks the parallel route and instead re-renders everything in a normal route (it stops showing the company list).

Is it possible to revalidatePath a route that's intercepted and being drawn as a parallel route without breaking it? is this a bug?

Also, the actions that you can take on the companyDetails page will affect the company page as well, so in theory, I'd like to revalidatePath both company and companyDetails so that the two routes that are being rendered in parallel are updated, is that possible?

Thanks!

0 Replies