Need help in enabling routing for global page

My app uses the Global page module.

From the Global Page document, I can see we can use the sub-pages. When I updated the manifest.yml file with pages options by default it gave the side navigation

For my app, I am using the react-router-dom for routing. Once I added the routes it is working without any issues but the URL is not changing.

When I click the button on the side navigation, the URL is changing but the page is remaining the same. Please refer to the below image

Can you help me to understand what I am doing wrong? Also please let me know if need any information

Manifest.yaml

modules:
  jira:globalPage:
    - key: test-navigation-hello-world-page
      resource: main
      resolver:
        function: resolver
      title: test-navigation
      pages:
        - title: Books
          route: /books
  function:
    - key: resolver
      handler: index.handler
resources:
  - key: main
    path: static/hello-world/build
app:
  id: ari:cloud:ecosystem::app/ABCDEFC
permissions:
  content:
    styles:
      - 'unsafe-inline' 

Hi @MohanSai,
Welcome to the community :smiley:
Please add your manifest file so we can get more details.

Thanks
Magdalena Lidia Rogulska

Hi @MagdalenaRogulska,

Updated the ticket with the manifest.yaml file

Hi @MohanSai,

Can you check if you are using react-router together with the history object that we expose from the Forge Bridge?

See this tutorial for reference: https://developer.atlassian.com/platform/forge/add-routing-to-a-full-page-app/#implement-routing-in-your-app

If you are already doing that, please share a code snippet where you implement your routing so we can try to help you further.

Cheers,
Álvaro