hotfix

Author: Logannford

src/app/(app)/(default_layout)/(questions)/questions/page.tsx

@@ -13,6 +13,8 @@ import { parseSearchParams } from '@/utils/search-params';
 import { getTags } from '@/utils/data/questions/tags/get-tags';
 import { createMetadata } from '@/utils';
 import { Button } from '@/components/ui/button';
+import LoadingQuestions from '@/components/app/questions/loading/loading-questions';
+import { Suspense } from 'react';
 
 export async function generateMetadata() {
   return createMetadata({
@@ -66,13 +68,15 @@ export default async function QuestionsDashboard({
             <Filter tags={tags} />
             <FilterChips />
           </div>
-          <QuestionsList
-            user={user}
-            currentPage={filters.page}
-            filters={filters}
-            customQuestions={false}
-            paginationUrl="/questions"
-          />
+          <Suspense fallback={<LoadingQuestions />}>
+            <QuestionsList
+              user={user}
+              currentPage={filters.page}
+              filters={filters}
+              customQuestions={false}
+              paginationUrl="/questions"
+            />
+          </Suspense>
         </div>
         <QuestionPageSidebar user={user} />
       </div>

src/components/app/questions/loading/loading-questions.tsx

@@ -0,0 +1,12 @@
+export default function LoadingQuestions() {
+  return (
+    <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
+      {[...Array(6)].map((_, i) => (
+        <div
+          key={i}
+          className="h-[200px] bg-black-75 animate-pulse rounded-lg"
+        />
+      ))}
+    </div>
+  );
+}