Patch LocalStorage Access from Server Component

v3xlabs · Feb 26, 2024 · c3543ac · c3543ac
1 parent 9943b5b
commit c3543ac
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/components/POAPModal/POAPModal.tsx b/components/POAPModal/POAPModal.tsx
@@ -31,6 +31,10 @@ const event_names = {
 
 const STORAGE_NAME_KEY = 'ens-page-default-mint';
 
+const LocalStorage =
+    // eslint-disable-next-line no-undef
+    typeof window !== 'undefined' ? window.localStorage : undefined;
+
 export const POAPModal: FC<{
     data: IYKReferenceResponse;
     name: string;
@@ -41,7 +45,7 @@ export const POAPModal: FC<{
     const [hasRendered, setHasRendered] = useState(false);
     const [mintToProfile, setMintToProfile] = useState(
         // eslint-disable-next-line no-undef
-        localStorage?.getItem(STORAGE_NAME_KEY) || ''
+        LocalStorage?.getItem(STORAGE_NAME_KEY) || ''
     );
     const [mintToProfileError, setMintToProfileError] = useState<unknown>();
 
@@ -123,7 +127,7 @@ export const POAPModal: FC<{
                                 onCallChange={() => {
                                     setMintToProfile('');
                                     // eslint-disable-next-line no-undef
-                                    localStorage?.setItem(STORAGE_NAME_KEY, '');
+                                    LocalStorage?.setItem(STORAGE_NAME_KEY, '');
                                 }}
                                 onCallClose={() => {
                                     setDismissed(true);
@@ -138,7 +142,7 @@ export const POAPModal: FC<{
                                 onSubmit={(name) => {
                                     setMintToProfile(name);
                                     // eslint-disable-next-line no-undef
-                                    localStorage?.setItem(
+                                    LocalStorage?.setItem(
                                         STORAGE_NAME_KEY,
                                         name
                                     );