feat(notice-board): import Header client side to support localStorage

wri · Sep 20, 2023 · 6d75589 · 6d75589
1 parent e6a16e7
commit 6d75589
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/wrappers/fullscreen/component.jsx b/wrappers/fullscreen/component.jsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { useRouter } from 'next/router';
+import dynamic from 'next/dynamic';
 import { Loader, MediaContextProvider } from '@worldresources/gfw-components';
 import cx from 'classnames';
 
@@ -10,10 +11,11 @@ import { useSetLanguage } from 'utils/lang';
 import Head from 'wrappers/head';
 import Cookies from 'wrappers/cookies';
 
-import Header from 'components/header';
 import ContactUsModal from 'components/modals/contact-us';
 import ErrorMessage from 'components/error-message';
 
+const Header = dynamic(() => import('components/header'), { ssr: false });
+
 const FullScreenWrapper = ({
   children,
   title,

diff --git a/wrappers/page/component.jsx b/wrappers/page/component.jsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { useRouter } from 'next/router';
+import dynamic from 'next/dynamic';
 import { Loader, MediaContextProvider } from '@worldresources/gfw-components';
 import cx from 'classnames';
 
@@ -10,11 +11,12 @@ import { useSetLanguage } from 'utils/lang';
 import Head from 'wrappers/head';
 import Cookies from 'wrappers/cookies';
 
-import Header from 'components/header';
 import Footer from 'components/footer';
 import ContactUsModal from 'components/modals/contact-us';
 import ErrorMessage from 'components/error-message';
 
+const Header = dynamic(() => import('components/header'), { ssr: false });
+
 const PageWrapper = ({
   children,
   showFooter,