404 issue soln1

devsdenepal · devsdenepal · commit cc4f7a998e42 · 2024-09-21T06:55:27.000Z
diff --git a/404.html b/404.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="refresh" content="0; url=./index.html" />
+    <script type="text/javascript">
+      var pathname = window.location.pathname;
+      window.location.href = window.location.origin + '/index.html?redirect=' + pathname;
+    </script>
+  </head>
+  <body></body>
+</html>
diff --git a/src/App.jsx b/src/App.jsx
@@ -6,6 +6,7 @@ import {
   Routes,
   Route,
   Navigate,
+  useLocation
 } from 'react-router-dom';
 
 import Login from './components/login';
@@ -30,9 +31,21 @@ function App() {
 
     return () => unsubscribe(); // Clean up on unmount
   }, []);
+// Handle redirects from GitHub Pages 404 fallback
+function RedirectWithState() {
+  const location = useLocation();
+  useEffect(() => {
+    const redirectPath = new URLSearchParams(location.search).get('redirect');
+    if (redirectPath) {
+      window.history.replaceState({}, '', redirectPath);
+    }
+  }, [location]);
+  return null;
+}
 
   return (
     <Router>
+      <RedirectWithState />
       <div className="App">
         {/* Pass user status as loggedin prop to Navbar */}
         <Navbar loggedin={user ? 'true' : 'false'} />
