fix: redirect to /targets when going to /

pkg/webui/ui/src/components/Router.tsx

@@ -1,8 +1,9 @@
-import { createHashRouter, useRouteError } from "react-router-dom";
+import { createHashRouter, useNavigate, useRouteError } from "react-router-dom";
 import App from "./App";
 import { TargetsView } from "./targets-view/TargetsView";
 import { ErrorMessageCard } from "./ErrorMessage";
 import { Box } from "@mui/material";
+import React, { useEffect } from "react";
 
 function ErrorPage() {
     const error = useRouteError() as any;
@@ -13,12 +14,25 @@ function ErrorPage() {
     </ErrorMessageCard>
 }
 
+function Redirect(props: { to: string }) {
+    let navigate = useNavigate();
+    useEffect(() => {
+        navigate(props.to, {replace: true});
+    });
+    return null;
+}
+
 export const Router = createHashRouter([
     {
         path: "/",
         element: <App />,
         errorElement: <ErrorPage />,
         children: [
+            {
+                path: "/",
+                element: <Redirect to={"/targets"}/>,
+                errorElement: <ErrorPage />,
+            },
             {
                 path: "targets/*",
                 element: <TargetsView />,