Gimana caranya membuat nested routes

gimana caranya membuat Nested routes menggunakan react router

--app.js

-------penjaualan
------------Index.js
------------peges
--------------navbar.js
--------------dashboard.js
--------------Barang.js

App.js
<Router>
          <Route path="/admin" component={penjualan}/>
</Router>

Index.js
<div>
	<Navbar data={match}/>
		<Switch>
			<Route exact path={`${match.path}`} component={Dashboard} />
			<Route path={`${match.path}/barang`} component={Barang} />
		</Switch>
</div>

Navbar.js
<NavLink to={`${props.data.url}/dashboard`}>dashbord</NavLink>
<NavLink to={`${props.data.url}/penjualan`}>Penjualan</NavLink>

masalah yang terjadi ketika mau pindah ke pendualan dari dashboad, enggak ada respon apa2. mohon bimbinganya