Fix http route not working

src/pages/HttpRoute.jsx

@@ -1,3 +1,4 @@
+import { useLayoutEffect } from 'preact/hooks';
 import { useLocation } from 'react-router-dom';
 
 import Link from '../components/link';
@@ -7,18 +8,34 @@ export default function HttpRoute() {
   const location = useLocation();
   const url = location.pathname.replace(/^\//, '');
   const statusURL = getInstanceStatusURL(url);
-  if (statusURL) {
-    window.location.hash = statusURL + '?view=full';
-    return null;
-  }
+
+  useLayoutEffect(() => {
+    if (statusURL) {
+      setTimeout(() => {
+        window.location.hash = statusURL + '?view=full';
+      }, 300);
+    }
+  }, [statusURL]);
+
   return (
     <div class="ui-state" tabIndex="-1">
-      <h2>Unable to process URL</h2>
-      <p>
-        <a href={url} target="_blank">
-          {url}
-        </a>
-      </p>
+      {statusURL ? (
+        <>
+          <h2>Redirecting…</h2>
+          <p>
+            <a href={`#${statusURL}?view=full`}>{statusURL}</a>
+          </p>
+        </>
+      ) : (
+        <>
+          <h2>Unable to process URL</h2>
+          <p>
+            <a href={url} target="_blank">
+              {url}
+            </a>
+          </p>
+        </>
+      )}
       <hr />
       <p>
         <Link to="/">Go home</Link>