[SOLVED] How to use Storage Listfiles of appwrite

TypeScript

        const fileId = generateFileId(locationName);
        const promise = storage.listFiles('6496afb137df9de6ce7b', fileId);
        promise
          .then((response) => {
            console.log('Place images retrieved successfully:', response);
            setPlaceImages(response.files);
          })
          .catch((error) => {
            console.error('Failed to retrieve place images:', error);
            // Handle the error
          });
      };
    useEffect(() => {
        retrievePlaceImages();
      }, []);```

TL;DR

The user was experiencing an error when using the `listFiles` function of the Appwrite Storage feature. They initially tried using `getFilePreview` and `getFile` but the issue persisted. They then added a try/catch block and made the function asynchronous. However, the error still persisted. They mentioned that they are using Appwrite Cloud and asked for help in removing the error. The last code provided shows that the function was not using async/await and catch but instead using promise/then and catch. No solution is provided in the thread.

please help me remove the error

Failed to retrieve place images: AppwriteException: Server Error at Client.<anonymous>

Promise.then() dosen't returns response it goes straight away into catch block

You're using cloud?

Also, why not use async/try/await/catch rather than callbacks?

https://cloud.appwrite.io/v1/storage/buckets/6496afb137df9de6ce7b/files?queries=mapleavenuelanghornepennsylvan

till now things were working i copy pasted from docs so

okay I am changing this to async/try/catch and if error persists i would let you know

hey steven error persists even after this

TypeScript

        try {
          const fileId = generateFileId(locationName);
          console.log("retrievePlaceImages fileId: ", fileId);
      
          const response = await storage.listFiles('6496afb137df9de6ce7b', fileId);
          console.log('Place images retrieved successfully:', response);
          setPlaceImages(response.files);
        } catch (error) {
          console.error('Failed to retrieve place images:', error);
          // Handle the error
        }
      };
      
      useEffect(() => {
        retrievePlaceImages();
      }, []);```