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
  );