Merge pull request #46 from Atnic/feature/alert

fix: undefined document on injectStyles
Atnic · Mar 21, 2024 · ccb9f2a · ccb9f2a
2 parents 7b57aa9 + f865d10
commit ccb9f2a
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/packages/components/alert/src/alert.tsx b/packages/components/alert/src/alert.tsx
@@ -1,6 +1,9 @@
+"use client";
+
 import {forwardRef} from "@jala-banyu/system";
 import {CloseIcon} from "@jala-banyu/shared-icons";
 import {injectStyle} from "react-toastify/dist/inject-style";
+import React from "react";
 
 import {UseAlertProps, useAlert} from "./use-alert";
 
@@ -29,7 +32,11 @@ const Alert = forwardRef<"div", AlertProps>((props, ref) => {
     ref,
   });
 
-  injectStyle();
+  React.useEffect(() => {
+    if (typeof document !== "undefined") {
+      injectStyle();
+    }
+  }, []);
 
   const renderEndContent = endContent ? (
     <div {...getEndContentProps()}>{endContent}</div>