diff --git a/packages/components/src/templates/next/components/internal/Vica/VicaStylesheet.tsx b/packages/components/src/templates/next/components/internal/Vica/VicaStylesheet.tsx
new file mode 100644
index 0000000000..9e1ffe51cc
--- /dev/null
+++ b/packages/components/src/templates/next/components/internal/Vica/VicaStylesheet.tsx
@@ -0,0 +1,11 @@
+export const VicaStylesheet = () => {
+  return (
+    <>
+      <link
+        href="https://webchat.vica.gov.sg/static/css/chat.css"
+        referrerPolicy="origin"
+        rel="stylesheet"
+      />
+    </>
+  )
+}
diff --git a/packages/components/src/templates/next/components/internal/Vica/Vica.tsx b/packages/components/src/templates/next/components/internal/Vica/VicaWidget.tsx
similarity index 78%
rename from packages/components/src/templates/next/components/internal/Vica/Vica.tsx
rename to packages/components/src/templates/next/components/internal/Vica/VicaWidget.tsx
index 5467ec1197..d7510dd7c6 100644
--- a/packages/components/src/templates/next/components/internal/Vica/Vica.tsx
+++ b/packages/components/src/templates/next/components/internal/Vica/VicaWidget.tsx
@@ -1,21 +1,14 @@
-import type { VicaProps } from "~/interfaces"
+"use client"
 
-export const VicaStylesheet = () => {
-  return (
-    <>
-      <link
-        href="https://webchat.vica.gov.sg/static/css/chat.css"
-        referrerPolicy="origin"
-        rel="stylesheet"
-      />
-    </>
-  )
-}
+import type { VicaProps } from "~/interfaces"
 
 export const VicaWidget = ({
   ScriptComponent = "script",
   ...props
 }: VicaProps) => {
+  // to not render during static site generation on the server
+  if (typeof window === "undefined") return null
+
   return (
     <>
       <ScriptComponent
diff --git a/packages/components/src/templates/next/components/internal/Vica/index.ts b/packages/components/src/templates/next/components/internal/Vica/index.ts
index e05da840dd..0c869f620c 100644
--- a/packages/components/src/templates/next/components/internal/Vica/index.ts
+++ b/packages/components/src/templates/next/components/internal/Vica/index.ts
@@ -1 +1,2 @@
-export * from "./Vica"
+export * from "./VicaWidget"
+export * from "./VicaStylesheet"