feat: add Suspense wrapper for FiltersPanelButton in Navbar

alexmarqs · Feb 15, 2025 · 3ba846f · 3ba846f
1 parent f65525b
commit 3ba846f
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/apps/web/src/components/Navbar.tsx b/apps/web/src/components/Navbar.tsx
@@ -1,6 +1,7 @@
 import { getParsedCompaniesCategoriesAndLocations } from "@/lib/parser/companies";
 import Image from "next/image";
 import Link from "next/link";
+import { Suspense } from "react";
 import ExploreButton from "./ExploreButton";
 import FiltersPanelButton from "./FiltersPanelButton";
 import { Button } from "./ui/button";
@@ -44,9 +45,11 @@ export default function Navbar() {
           role="navigation"
           aria-label="Main navigation"
         >
-          <FiltersPanelButton
-            companiesCategoriesAndLocationsPromise={getParsedCompaniesCategoriesAndLocations()}
-          />
+          <Suspense>
+            <FiltersPanelButton
+              companiesCategoriesAndLocationsPromise={getParsedCompaniesCategoriesAndLocations()}
+            />
+          </Suspense>
           <ExploreButton />
           <Button asChild>
             <a