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
- Open the application
- Stay on the Home page
- Click any navbar link (e.g. About, Products, Contact, etc.)
- 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.
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
Expected Behavior
Actual Behavior
Environment
localhost:3000Additional Notes
Possible causes:
useEffectThis results in poor UX, as users expect seamless navigation from the Home page.
Screenshot or video can be attached if needed.