Router.push Does not know about and Nullifies route prefix/ basename

[rayhooker]

The application has a route prefix and is homed at /src. I have the appropriate assetprefix and node handlers to cause next to properly recognize the prefix and properly render the page. Every thing seems to work (see below).

var prefix = '/src'
const router = express.Router();
const server = express()
const router = express.Router();
server.use(body.json())
        server.use((req, res, next) => {
        console.log("Use body.json",req.url)
        req.db = db
        next()
})
server.use(`${prefix}`,router)
router.get('*', (req, res) => {
        return handle(req, res)
});
server.listen(PORT)

The main issue is when I use router.push to update the parameters so that a back re-renders the page. I am using shallow true:

var newroute = Router.pathname+"?"+filterstring;
Router.push(newroute, newroute, { shallow: true }) 

So starting with:

http://localhost:3000/src/index

I push the parameter year but I get:

http://localhost:3000/index?year=2016

instead of

http://localhost:3000/src/index?year=2016

If I add the route prefix to the router push it does work but at first the next router gives a 404 and sends it to the server to render. Need for the router not to nullify the basename/ prefix of /src. How can I do that or is this a bug? Otherwise a back gives errors because the application is not homed at the server root but has a prefix.

[timneutkens]

Can you please provide a repository to reproduce, it's hard to determine if this is even an issue/bug since you didn't follow the issue template 🙏

[rayhooker]

Here is the repository:
https://github.com/rayhooker/demoReportSelectorServer

Basically if you bring up the app by:
node index.js
navigate to:
http://localhost:3000/src/

Then click on one the selector button to change the view state such as "Districts". It should at the latest options including the defaults such as:

http://localhost:3000/src?
viewSelect=districts&year=2017&type=Both&level=All&district=All&lang=english

Instead it does not realize that there is a base route of /src, so the new url becomes:
http://localhost:3000/?
viewSelect=districts&year=2017&type=Both&level=All&district=All&lang=english

In this case the applicable line that pushes the state is line 111 of the component "schoolsView.js". Is there not some way to say "the base route is not '/' but '/src/'"?

Ray

[timneutkens]

Tracking this here: #4998