From 925964c8ff1efb4d9c993a0f4ee603246ed1a25b Mon Sep 17 00:00:00 2001
From: Vladimir Klimontovich <vladimir@jitsu.com>
Date: Tue, 5 Dec 2023 13:45:35 -0500
Subject: [PATCH] fix: build

---
 webapps/console/components/Redirect/Redirect.tsx   | 11 +++++++++++
 webapps/console/pages/[workspaceId]/syncs/edit.tsx |  8 +++-----
 2 files changed, 14 insertions(+), 5 deletions(-)
 create mode 100644 webapps/console/components/Redirect/Redirect.tsx

diff --git a/webapps/console/components/Redirect/Redirect.tsx b/webapps/console/components/Redirect/Redirect.tsx
new file mode 100644
index 000000000..195b31fbc
--- /dev/null
+++ b/webapps/console/components/Redirect/Redirect.tsx
@@ -0,0 +1,11 @@
+import { useEffect } from "react";
+import { useRouter } from "next/router";
+import { LoadingAnimation } from "../GlobalLoader/GlobalLoader";
+
+export const Redirect: React.FC<{ href: string }> = ({ href }) => {
+  const router = useRouter();
+  useEffect(() => {
+    router.push(href);
+  }, []);
+  return <LoadingAnimation />;
+};
diff --git a/webapps/console/pages/[workspaceId]/syncs/edit.tsx b/webapps/console/pages/[workspaceId]/syncs/edit.tsx
index 3267bbe8d..ea9b5211a 100644
--- a/webapps/console/pages/[workspaceId]/syncs/edit.tsx
+++ b/webapps/console/pages/[workspaceId]/syncs/edit.tsx
@@ -5,7 +5,7 @@ import { LoadingAnimation } from "../../../components/GlobalLoader/GlobalLoader"
 import { ErrorCard, GlobalError } from "../../../components/GlobalError/GlobalError";
 import { useLinksQuery } from "../../../lib/queries";
 import SyncEditorPage from "../../../components/SyncEditorPage/SyncEditorPage";
-import { router } from "next/client";
+import { Redirect } from "../../../components/Redirect/Redirect";
 
 const Loader = () => {
   const workspace = useWorkspace();
@@ -34,11 +34,9 @@ const Loader = () => {
   const [services, destinations, links] = result.data;
   //protection from faulty redirects to this page
   if (services.length === 0) {
-    router.push(`/${workspace.slugOrId}/services`);
-    return <></>;
+    return <Redirect href={`/${workspace.slugOrId}/services`} />;
   } else if (destinations.length === 0) {
-    router.push(`/${workspace.slugOrId}/destinations`);
-    return <></>;
+    return <Redirect href={`/${workspace.slugOrId}/destinations`} />;
   }
   return <SyncEditorPage services={services} destinations={destinations} links={links} />;
 };