404 for file view of image in react native expo go, opens up on browser tho

const bucketId = process.env.EXPO_PUBLIC_BUCKET_ID!;

const renderPost = ({ item }: { item: Post }) => {
    const imageUrl = appwrite.getFilePreview(bucketId, item.fileId).toString();
    console.log(imageUrl);
    return (
      <TouchableOpacity
        onPress={() => {
          router.push({
            pathname: '/profileFlatList',
            params: { selectedPostId: item.$id },
          });
        }}
        className="w-1/3"
      >
        <Image
          source={{
            uri: imageUrl,
            headers: { Accept: 'image/*' },
          }}
          className="h-32"
        />
      </TouchableOpacity>
    );
  };

  getFilePreview(bucketId: string, fileId: string): URL {
    try {
      const previewUrl = this.storage.getFilePreview(bucketId, fileId);
      const urlWithParams = new URL(previewUrl.toString());
      urlWithParams.searchParams.append('mode', 'admin');
      return urlWithParams;
    } catch (error) {
      console.error('Appwrite service :: getFilePreview() :: ', error);
      throw error;
    }
  }