Not able to enable dynamic Adventure Detail routes to support editable components.

[likhithlucky]

I am using the React App and using the graphQl as suggested in https://github.com/adobe/aem-guides-wknd-graphql.git

OS : Windows
AEM Version : 6.5
Documentation Link : https://experienceleague.adobe.com/docs/experience-manager-learn/getting-started-with-aem-headless/spa-editor/remote-spa/spa-dynamic-routes.html?lang=en

I followed the above documentation for enabling dynamic routes, It is not working as expected.

After hitting the http://localhost:3000/adventure/bali-surf-camp , the behavior is not as expected.

Expected Behavior :

Actual Behavior :

Even the text Itinerary (AdventureDetail.js) is not appearing on the browser ( http://localhost:3000/adventure/bali-surf-camp)

Sample Code that illustrates the Problem
please search for wknd-shared in

https://github.com/adobe/aem-guides-wknd-graphql/blob/main/remote-spa-tutorial/react-app/src/components/AdventureDetail.js