fix(marketingmain): footer sidebar dynamic

src/layouts/Main/MarketingMain.js

@@ -15,11 +15,13 @@ import useIsLoggedIn from 'components/hooks/useIsLoggedIn';
 import { setCookie } from 'cookies-next';
 import { useZestyStore } from 'store';
 
-import { Topbar, Sidebar, Footer } from './components';
+import { Topbar } from './components';
 
 import dynamic from 'next/dynamic';
 import revampTheme from 'theme/revampTheme';
 
+const Footer = dynamic(() => import('./components/Footer/FooterDynamic'));
+const Sidebar = dynamic(() => import('./components').then((e) => e.Sidebar));
 const TopNav = dynamic(() => import('components/globals/TopNav'));
 const SiteBanner = dynamic(
   () => import('components/marketing/SiteBanner/SiteBanner'),

src/layouts/Main/components/Footer/FooterDynamic.js

@@ -0,0 +1,16 @@
+import dynamic from 'next/dynamic';
+import { useInView } from 'react-intersection-observer';
+
+const Child = dynamic(() => import('./Footer'), {
+  loading: () => <></>,
+});
+
+const Index = (props) => {
+  const { ref, inView } = useInView({
+    triggerOnce: true,
+    threshold: 0,
+  });
+  return <div ref={ref}>{inView && <Child {...props} />}</div>;
+};
+
+export default Index;

src/pages/_app.js

@@ -19,7 +19,6 @@ import '/public/styles/docs.css';
 
 if (process.env.NODE_ENV === 'production') {
   console.log = () => {};
-  console.error = () => {};
   console.debug = () => {};
 }