Any files find in bucket

use client";
const supabase = createClientComponentClient();
const bucketName = "photo"; // Assurez-vous que ce nom est correct et correspond à celui du bucket public
const fileName = "cousre.jpg";  // Assurez-vous que le fichier existe dans le bucket
const publicUrl = 

;

export default function Gallery() {
  const [images, setImages] = useState<string[]>([]);

  useEffect(() => {
    const fetchImages = async () => {
      try {
        console.log("📡 Tentative de récupération des fichiers...");

        // 🔍 Récupération des fichiers dans la racine
        const { data, error } = await supabase.storage.from(bucketName).list("", { limit: 100 });

        console.log("📂 Réponse Supabase :", data, error);

        if (error) {
          console.error("❌ Erreur Supabase :", error);
          throw error;
        }

        console.log("URL de l'image :", publicUrl);

        if (!data || data.length === 0) {
          console.warn("⚠️ Aucun fichier trouvé dans le bucket.");
          return;
        }

        // 🔍 Vérification des noms de fichiers retournés
        console.log("📝 Fichiers trouvés :", data.map((file) => file.name));

        // 🖼️ Génération des URLs publiques
        const imageUrls = data.map((file) => {
          const publicUrl = 

;
          console.log(

);
          return publicUrl;
        });

        setImages(imageUrls);
      } catch (err) {
        console.error("❌ Erreur lors de la récupération des images :", err);
      }
    };

    fetchImages();
  }, []);