AEM spa Navigation

I am using AEM 6.5.9 to follow the REact SPA tutorial. I am working on the navigation section. I completed the section but noticed every time I click on the menu the page refresh and call a new document, doing some debug, noticed that the CMP-navigation class is not being proxied to the rest of the router components, also the prop isRouted is missing hence, the component is rendering a normal link. I was wondering if I am missing any steps to actually make the Navigation component works.

Find below some screenshots of the issue:

  1. cmp-navigation class not getting passed to child component enter image description here
  2. isRouted prop notes getting passsed enter image description here
How many English words
do you know?
Test your English vocabulary size, and measure
how many words do you know
Online Test
Powered by Examplum