How to display nested routes?

Question

React

I can't figure out what I'm doing wrong

<Route path="/" component={RootComponent}>
        <IndexRoute component={HomePage} />

        <Route path="profile">
          <IndexRoute component={ProfilePage} />
          <Route path="view(/:profileId)" component={ProfilePage} />
          <Route path="add" component={AddProfile} />
          <Route path="edit(/:profileId)" component={EditProfile} />
        </Route>

It is necessary that the URL profile / add shows my view
Tell me where I made a mistake

Answer 1

Corrected the question, everything works now