fix: add redirect filter for React deeplinks to workaround 404 errors…

… on reload

backend/src/main/kotlin/org/quizmania/rest/adapter/in/rest/RedirectToIndexFilter.kt

@@ -0,0 +1,36 @@
+package org.quizmania.rest.adapter.`in`.rest
+
+import jakarta.servlet.Filter
+import jakarta.servlet.FilterChain
+import jakarta.servlet.ServletRequest
+import jakarta.servlet.ServletResponse
+import jakarta.servlet.http.HttpServletRequest
+import mu.KLogging
+import org.springframework.stereotype.Component
+
+/**
+ * Redirect all deep links used in react app to index page to no get 404 on reload
+ */
+@Component
+class RedirectToIndexFilter : Filter {
+
+  companion object : KLogging()
+
+  override fun doFilter(
+    request: ServletRequest,
+    response: ServletResponse?,
+    chain: FilterChain
+  ) {
+    val req = request as HttpServletRequest
+    val requestURI = req.requestURI
+
+    if (requestURI.startsWith("/game") || requestURI.startsWith("/login") || requestURI.startsWith("/logout")) {
+      // all requests not api or static will be forwarded to index page.
+      logger.debug { "Forwarding $requestURI to index page" }
+      request.getRequestDispatcher("/").forward(request, response)
+      return
+    }
+
+    chain.doFilter(request, response)
+  }
+}

frontend/src/router.tsx

@@ -24,4 +24,4 @@ const routes: RouteObject[] = [
   }
 ]
 
-export const router = createHashRouter(routes);
+export const router = createBrowserRouter(routes);