Bug: Home Page Routing and 404 on Refresh #169
Description
Description
The home page is currently rendering blank because the main file and home file are decoupled. Additionally, refreshing the page forces an unexpected redirect to the oss-slu GitHub page, and attempting to navigate back throws a 404 error.
Steps to Reproduce
- Navigate to the local or deployed URL for the dashboard. Observe the blank page.
- Manually route to a working page, then hit the browser's refresh button.
- Observe the redirect to the oss-slu GitHub page.
- Click the browser's "Back" button and observe the 404 "Page Not Found" error.
Expected Behavior
The application should successfully load the home page component on the root path. Refreshing the browser on any valid route should reload that specific React component without redirecting externally or losing the Vite routing context.
Actual Behavior
The home page is blank (when initially loading into the site) , and refresh/navigation states are broken, resulting in forced GitHub redirects and 404s.
Environment
- Browser/Version: Chrome
Additional Information
Check the React Router setup in the Vite configuration. This is likely an issue with how history API fallback is being handled for single-page applications.