changed

dmwt_session10/src/components/FruitList.js

@@ -4,7 +4,7 @@ import useSWR from 'swr';
 const fetcher = url => fetch(url).then(res => res.json());
 
 const FruitList = () => {
-  const { data: fruits, isLoading, error, mutate } = useSWR('/api/list-fruits', fetcher, {
+  const { data: fruits, error } = useSWR('/api/list-fruits', fetcher, {
     revalidateOnFocus: false,
     revalidateOnReconnect: false,
   });
@@ -13,13 +13,13 @@ const FruitList = () => {
     return <p>Failed to fetch</p>;
   }
 
-  if (isLoading) {
+  if (!fruits) {
     return <p>Loading fruits...</p>;
   }
 
   return (
     <ul>
-      {fruits && fruits.length > 0 ? (
+      {fruits.length > 0 ? (
         fruits.map((fruit, index) => (
           <li key={index}>
             {fruit['Deutscher Name']} ({fruit['Lateinischer Name']}), {fruit.Farbe}, {fruit.Herkunft}, {fruit.Kalorien} kcal

dmwt_session10/src/pages/API/list-fruits.js

@@ -3,8 +3,8 @@ import { sql } from '@vercel/postgres';
 export default async function handler(request, response) {
   if (request.method === 'GET') {
     try {
-      const fruits = await sql`SELECT * FROM obst;`;
-      return response.status(200).json(fruits.rows); // Ensure you return the rows
+      const { rows: fruits } = await sql`SELECT * FROM obst;`;
+      return response.status(200).json(fruits);
     } catch (error) {
       console.error('Error during request processing:', error);
       return response.status(500).json({ error: error.message });