Skip to content

Navigation breaks when leaving Home page without page refresh #3

Description

@BilgeGates

Description

When navigating from the Home page to any other page using the navbar, a bug occurs that prevents the target page from working correctly unless the page is manually refreshed.

This issue only happens when the navigation starts from the Home page.
Navigating between other pages (non-Home pages) works correctly without any issues.


Steps to Reproduce

  1. Open the application
  2. Stay on the Home page
  3. Click any navbar link (e.g. About, Products, Contact, etc.)
  4. Observe the behavior on the target page

Expected Behavior

  • Navigation from the Home page to other pages should work normally
  • No manual page refresh should be required after navigation

Actual Behavior

  • After navigating from the Home page, the target page is in a broken or incomplete state
  • User is forced to manually refresh the page to make it work properly
  • Navigation between non-Home pages works as expected

Environment

  • App running on localhost:3000
  • Browser: Chrome (latest)
  • OS: Windows 10

Additional Notes

Possible causes:

  • Home page-specific state or side effects not being cleaned up on unmount
  • Navbar navigation relying on state initialized only after refresh
  • Missing dependency cleanup in useEffect
  • Global state or context being overridden by Home page logic

This results in poor UX, as users expect seamless navigation from the Home page.

Screenshot or video can be attached if needed.

Metadata

Metadata

Assignees

Labels

bugSomething isn't working

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions