React Router Navigation Doesn't work

[valentinvoilean]

Expected Behaviour

When you click on a navigation item, the route should change.

Actual Behaviour

Nothing happens. All the navigation links point to "#".

Reproduce Scenario (including but not limited to)

http://localhost:4502/content/mysite/us/en/home.html

Steps to Reproduce

• generate a new project

mvn -B org.apache.maven.plugins:maven-archetype-plugin:3.2.1:generate \
 -D archetypeGroupId=com.adobe.aem \
 -D archetypeArtifactId=aem-project-archetype \
 -D archetypeVersion=36 \
 -D appTitle="My Site" \
 -D appId="mysite" \
 -D groupId="com.mysite" \
 -D frontendModule="react"

• create a test page on the same level with the home page
• navigate to the home page: http://localhost:4502/content/mysite/us/en/home.html?wcmmode=disabled
• click on the "test" navigation item

Platform and Version

• AEM Cloud
• Also happens on AEM 6.5.5+

Sample Code that illustrates the problem

Logs taken while reproducing problem

[valentinvoilean]

This issue can only be reproduced on v36. On v35 the navigation works as expected.