fixed bug that caused multiple requests

app/postlist/PostList.tsx

@@ -24,9 +24,9 @@ interface Post {
     avatar_url: string | null;
   };
 }
+const supabase = createClient();
 
 export default function PostList() {
-  const supabase = createClient();
   const [posts, setPosts] = useState<Post[]>([]);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState<string | null>(null);
@@ -115,7 +115,7 @@ export default function PostList() {
     (node: HTMLElement | null) => {
       if (loading) return;
       if (observer.current) observer.current.disconnect();
-
+     
       observer.current = new IntersectionObserver((entries) => {
         if (entries[0].isIntersecting && hasMore) {
           setPage((prevPage) => prevPage + 1);

app/tags/[tag]/page.tsx

@@ -50,6 +50,8 @@ export default function TagsPostsPage() {
     [loading, hasMore]
   );
 
+
+
   useEffect(() => {
     const fetchData = async () => {
       try {

components/BlogSideBar.tsx

@@ -27,12 +27,12 @@ export function ComponentsBlogSidebar() {
   const [loading, setLoading] = useState(true);    // State for loading
   const [error, setError] = useState<string | null>(null);  // State for error
 
-   // Fetch Tags from the database
+  //  Fetch Tags from the database
    useEffect(() => {
     const fectchTags = async () => {
       try{
         const { data, error } = await supabase
-        .from('tags').select('name');
+        .from('tags').select('*,name');
         if(error) throw error;
         setTags(data.map((tag: { name: string}) => tag.name));
       }
@@ -43,7 +43,7 @@ export function ComponentsBlogSidebar() {
       }
     }
      fectchTags();
-   })
+   },[])