test allBusinesses

app/all/page.js

@@ -1,23 +1,21 @@
-// import connectToDB from "@/configs/db";
-// import BusinessModel from "@/models/Business";
-// import AllBusinesses from "@/components/templates/allBusinesses/AllBusinesses";
-import CreateBusiness from "@/components/templates/createBusiness/CreateBusiness";
+import connectToDB from "@/configs/db";
+import BusinessModel from "@/models/Business";
+import AllBusinesses from "@/components/templates/allBusinesses/AllBusinesses";
 
 export default async function page() {
-  // try {
-  //   await connectToDB();
-  //   const businesses = JSON.parse(JSON.stringify(await BusinessModel.find({}, "businessName bio businessBrand isAvatar")));
+  try {
+    await connectToDB();
+    const businesses = JSON.parse(JSON.stringify(await BusinessModel.find({}, "businessName bio businessBrand isAvatar")));
 
 
     return (
-      // <AllBusinesses businesses={businesses} />
+      <AllBusinesses businesses={businesses} />
       // <h1 className="inMiddle">تست</h1>
-      <CreateBusiness />
 
     );
-  // } catch (err) {
+  } catch (err) {
 
-  //   console.error('Error fetching businesses:', err);
-  // }
+    console.error('Error fetching businesses:', err);
+  }
 }
 

components/templates/allBusinesses/AllBusinesses.jsx

@@ -1,6 +1,6 @@
 "use client"
 import { AppBar, Avatar, Box, Button, Container, List, ListItem, ListItemAvatar, ListItemButton, ListItemIcon, ListItemText, TextField, Toolbar, Typography } from '@mui/material'
-import { useState } from 'react'
+import { useEffect, useState } from 'react'
 import { useRouter } from 'next/navigation'
 import { AllBusinessesText, selectGuild } from '@/components/typoRepo';
 import { Accordion, AccordionDetails, Chip } from "@mui/material";
@@ -14,11 +14,16 @@ import ItsAvatar from '@/components/modules/ItsAvatar'
 export default function AllBusinesses({ businesses }) {
     const router = useRouter()
     const [expanded, setExpanded] = useState(false);
+    const [mounted, setMounted] = useState(false);
+    useEffect(() => {
+        setMounted(true)
+    }, [])
+
     const goToIndex = () => {
         router.push("/")
     }
-    return (
 
+    return (mounted &&
         <>
             <Box sx={{ flexGrow: 1 }}>
                 <AppBar position="static">