React Router Navigation Doesn't work

### 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

Start by generating the AEM project with the Maven command in the issue and reproducing the navigation failure on the provided test page. Inspect the generated React navigation and routing entry points; done means links to sibling pages no longer render as "#" and clicking the test item changes the route.

Written by the indexing model from the issue text.