title: How do I make route navigation linear in react-route 6 with reactjs 17
body: <p>Example</p>
  <p>User navigates from <strong>&quot;/&quot;</strong> to <strong>&quot;/orders&quot;</strong> in <strong>&quot;/orders&quot;</strong> navigates to <strong>&quot;/orders/products&quot;</strong> to add a product to the order, after adding the product to the order it is redirected to <strong>&quot;/orders&quot;</strong>. But if he clicks the back button while on the orders page the browser goes to <strong>&quot;/orders/products&quot;</strong> the way I would like is that if the user clicks the browser back he goes back to the route that I determine,
  which would be <strong>&quot;/&quot;</strong> and not <strong>&quot;/orders/products&quot;</strong></p>