fix: resolved hydration problem

Cyvid7-Darus10 · May 28, 2023 · 517ac64 · 517ac64
1 parent b158b26
commit 517ac64
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 7 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "face-guardian",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "Face Guardian Components",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",

diff --git a/src/components/FaceLogin/index.tsx b/src/components/FaceLogin/index.tsx
@@ -11,7 +11,8 @@ const FaceLogin: React.FC<FaceLoginProps> = ({
   buttonStyles,
   buttonText = 'Face Guardian',
 }) => {
-  const currentUrl = typeof window !== 'undefined' ? window.location.href : '';
+  const isClient = typeof window !== 'undefined';
+  const currentUrl = isClient ? window.location.href : '';
 
   const handleButtonClick = () => {
     if (typeof window !== 'undefined') {
@@ -76,11 +77,13 @@ const FaceLogin: React.FC<FaceLoginProps> = ({
       style={combinedStyles}
       disabled={!appId}
     >
-      <img
-        src="https://i.ibb.co/sthHtZP/fg-logo.webp"
-        alt="Face Guardian Logo"
-        style={{ marginRight: '10px', height: '24px', width: '24px' }}
-      />
+      {isClient && (
+        <img
+          src="https://i.ibb.co/sthHtZP/fg-logo.webp"
+          alt="Face Guardian Logo"
+          style={{ marginRight: '10px', height: '24px', width: '24px' }}
+        />
+      )}
       {buttonText}
     </button>
   );