is there a way to prevent nested router re-rendering the whole page everytime

[putrasurya]

I realized when having 3-level nested routes, every time the URL changes the whole page gets re-render every time.
is it expected? or am I missing some configuration?

thank you

[ItalyPaleAle]

If the URL change impacts the outmost router, yes this is how it's supposed to work.

Do you need 3 nested routers? Or are you able to "flatten" it? Although nested routers are supported, I would consider them as "backup" option and would recommend flattening whenever possible.

[putrasurya]

yes, we sometimes need 3 nested routers or more when building not really a complex web app to memorize a page state by URL

a simple case looks like this one

/dashboard/
/dashboard/email
/dashboard/email/read/id

when you are at page /dashboard/email and assuming you have 2 panes, the left pane is a list of emails and the right pane is for email content, and here you are already at level 2 of nested routers

when reading emails it feels odd when the browser re-rendered every time I go through emails, here you are at 3 levels of nested routers (/dashboard/email/read/id). the browser flashed a white screen for a very short moment