Routers single spa microfront

Question

My problem is that I want to access this "child" path of the microfront documents, but I don't know how to do it

I have created at this moment two applications the container and a microfront in React called documents,

in the microfrontend-layout.html, register the app with the following single spa path

<single-spa-router>
    <main>
      <route default>
        <application name="@prueba/documents"></application>
      </route>
    </main>
  </single-spa-router>

and in my document root.component.tsx I want to add a react path for this microfront

export default function Root() {
  return (
 
    <BrowserRouter>
      <Routes> 
        <Route path="expenses" element={<App/>} /> 
      </Routes>
    </BrowserRouter> 
  );
}

I tried it like this: http://localhost:9000/expenses but I get "No paths matched with the location /expenses"

Thanks in advance!