Redirecting to subpage with id

Question

I've had two routes:

<Route path="/client/:id/members" component={Members} />
<Route path="/client/:id/members/:mid" component={MemberProfile} />

why when I'm trigger:

window.location.href = `/client/${id}/members/${mid}`;

then my url is changed to correct form like in the route path but not redirect me to MemberProfile component?

Thanks for any help!

Answer 1

as

<Route path="/client/:id/members" component={Members} />

declared before

<Route path="/client/:id/members/:mid" component={MemberProfile} />

and

/client/${id}/members/${mid}

fit

"/client/:id/members"

Members component will still be rendered.

Consider one of the following:

1. decleare MemberProfile before Members

2. change MembersProfile route to /client/:id/member/:mid for example

3. use exact Route property