fix: simplify lazy

Author: araujogui

src/generators/web/ui/components/AnnouncementBanner/index.jsx

@@ -1,33 +1,22 @@
-import { lazy, Suspense } from 'preact/compat';
-import { useMemo } from 'preact/hooks';
+import { useState, useEffect } from 'preact/hooks';
 
 import AnnouncementBanner from './AnnouncementBanner.jsx';
 import { loadBanners } from './loadBanners.mjs';
 
-/**
- * @param {{ remoteConfig: string, versionMajor: number | null }} props
- */
-const RemoteLoadableBanner = ({ remoteConfig, versionMajor }) => {
-  const LazyBanners = useMemo(
-    () =>
-      lazy(async () => {
-        const active = await loadBanners(remoteConfig, versionMajor);
+import { remoteConfig, versionMajor } from '#theme/config';
 
-        if (!active.length) {
-          return { default: () => null };
-        }
+const RemoteLoadableBanner = () => {
+  const [banners, setBanners] = useState([]);
 
-        return { default: () => <AnnouncementBanner banners={active} /> };
-      }),
-    // eslint-disable-next-line react-x/exhaustive-deps
-    []
-  );
+  useEffect(() => {
+    loadBanners(remoteConfig, versionMajor).then(active => {
+      if (active.length) {
+        setBanners(active);
+      }
+    });
+  }, []);
 
-  return (
-    <Suspense fallback={null}>
-      <LazyBanners />
-    </Suspense>
-  );
+  return banners.length ? <AnnouncementBanner banners={banners} /> : null;
 };
 
 export default RemoteLoadableBanner;

src/generators/web/ui/components/Layout/index.jsx

@@ -3,7 +3,6 @@ import Article from '@node-core/ui-components/Containers/Article';
 
 import RemoteLoadableBanner from '../AnnouncementBanner';
 
-import { remoteConfig, versionMajor } from '#theme/config';
 import Footer from '#theme/Footer';
 import MetaBar from '#theme/Metabar';
 import NavBar from '#theme/Navigation';
@@ -20,10 +19,7 @@ import SideBar from '#theme/Sidebar';
  */
 export default ({ metadata, headings, readingTime, children }) => (
   <>
-    <RemoteLoadableBanner
-      remoteConfig={remoteConfig}
-      versionMajor={versionMajor}
-    />
+    <RemoteLoadableBanner />
     <NavBar metadata={metadata} />
     <Article>
       <SideBar metadata={metadata} />