Hero Details Page route is not working properly

[simplecodeexamples]

Describe the bug When hero details page is entered directly in the browser the page is breaking in multiple places. Moreover javascript is not working in entire page

To Reproduce Steps to reproduce the behavior:

1. run the project with npm run build:ssr and npm run serve:ssr
2. Copy and hero details page link by copy link address
3. Open that in a new tab
4. Now do a empty cache and hard reload
5. Page will break

Expected behavior It should load the page just like when it is open from the home page. On performing hard reload in every page application should work as expected but in this page hard reload is breaking its layout and functionality

Screenshots

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser :Chrome, Mozilla
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context Add any other context about the problem here.

[Ismaestro]

Has been fixed with the new v9.