React router dom navigating to wrong path

We are using react router dom v6.19.0 and there are two you can find below.

<Route path="/route1/*" element={<RouteOneList />} />
<Route path="/route1/:one/:two/:three" element={<RouteAnother />} /> 

and in RouteOneList it has sub routes

<Route path="/add/:type/:id" element={<AddComponent />} />

Here I am trying to access

/route1/add/test/1 – It suppose to load addComponent but its falling into component

Is there any way tackle this problem ? I have tried changing the order but that also not helped me.

Thanks in advance