I recently updated to io.coil-kt.coil3:coil-compose:3.1.0 from io.coil-kt.coil:coil-compose:3.1.0.

[VivekYadavDeveloper]

I recently updated to io.coil-kt.coil3:coil-compose:3.1.0 from io.coil-kt.coil:coil-compose:3.1.0. My app loads banner images from Firestore (hosted on Cloudinary). Are there any changes in how Coil 3 handles image requests in Jetpack Compose compared to the previous version? My current implementation uses AsyncImage with ImageRequest.Builder. Any suggestions or improvements?

`@Composable
fun BannerView(modifier: Modifier = Modifier) {
var bannerList by remember { mutableStateOf<List>(emptyList()) }

LaunchedEffect(Unit) {
    Firebase.firestore.collection("data").document("banners").get().addOnSuccessListener() {
        bannerList = it.get("urls") as List<String>

        println("Banners Urls: $bannerList")
    }
}
Column(modifier = modifier) {
    val pagerState = rememberPagerState(0) {
        bannerList.size
    }
    HorizontalPager(
        state = pagerState,
        pageSpacing = 24.dp
    ) {
        AsyncImage(
            model =
                ImageRequest.Builder(LocalContext.current).data(bannerList[it]).crossfade(true)
                    .build(),
            contentDescription = "Banner Image",
            modifier = Modifier
                .fillMaxWidth()
                .clip(RoundedCornerShape(16.dp))
        )
    }
}

}`