Can't display the data fetch from Firestone

[fbayona13]

I'm learning Flutter, Bloc, Firestone, and I'm trying to bring a collection from Firestore and display it as a CarouselSlider using the Bloc pattern. I can't show the Carousel, only shows me the CircularProgressIndicator(). Help pls

The video that I'm using -> https://www.youtube.com/watch?v=O8-Q6RyO8QY&list=PLCAZyR6zw2px5C7L2cCG4aywx6g58MIoP&index=25

main.dart

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MultiBlocProvider(
      providers: [
        BlocProvider(create: (_) => FavoritesBloc()..add(StartFavorites())),
        BlocProvider(
            create: (_) =>
                CheckoutServiceBloc()..add(CheckoutServiceStarted())),
        BlocProvider(
          create: (_) => CategoryBloc(
            categoryRepository: CategoryRepository(),
          )..add(LoadCategories()),
        ),
        BlocProvider(
          create: (_) => ServiceBloc(
            serviceRepository: ServiceRepository(),
          )..add(LoadServices()),
        ),
      ],

home.dart

BlocBuilder<CategoryBloc, CategoryState>(
            builder: (context, state) {
              if (state is CategoryLoading){
                return Center(child: CircularProgressIndicator(),);
              }
              if (state is CategoryLoaded){
                return CarouselSlider(
                  options: CarouselOptions(
                    aspectRatio: 1.5,
                    viewportFraction: 0.9,
                    enlargeCenterPage: true,
                    enableInfiniteScroll: true,
                    enlargeStrategy: CenterPageEnlargeStrategy.height,
                  ),
                  items: state.categories
                      .map((category) => HeroCarouselCard(category: category))
                      .toList(),
                );
              }
              else{
                return Text("Something went Wrong");
              }
            },
          ),

category_model.dart

  static Category fromSnapshot(DocumentSnapshot snap) {
    Category category = Category(
      name: snap['name'],
      urlImage: snap['imageUrl'],
    );
    return category;
  }

category_base_repo.dart

abstract class BaseCategoryRepository {
  Stream<List<Category>> getAllCategories();
}

category_repo.dart

class CategoryRepository extends BaseCategoryRepository {
  final FirebaseFirestore _firebaseFirestore;

  CategoryRepository({FirebaseFirestore? firebaseFirestore})
      : _firebaseFirestore = firebaseFirestore ?? FirebaseFirestore.instance;

  @override
  Stream<List<Category>> getAllCategories() {
    return _firebaseFirestore
        .collection("categories")
        .snapshots()
        .map((snapshot) {
          return snapshot.docs.map((doc) => Category.fromSnapshot(doc)).toList();
    });
  }
}

category_bloc.dart

class CategoryBloc extends Bloc<CategoryEvent, CategoryState> {
  final CategoryRepository _categoryRepository;
  StreamSubscription? _categorySubscription;

  CategoryBloc({required CategoryRepository categoryRepository})
      : _categoryRepository = categoryRepository,
        super(CategoryLoading());

  @override
  Stream<CategoryState> mapEventToState(CategoryEvent event) async* {
    if (event is LoadCategories) {
      yield* _mapLoadCategoriesToState();
    }
    if (event is UpdateCategories) {
      yield* _mapUpdateCategoriesToState(event);
    }
  }

  Stream<CategoryState> _mapLoadCategoriesToState() async* {
    _categorySubscription?.cancel();
    _categorySubscription = _categoryRepository
        .getAllCategories()
        .listen((categories) => add(UpdateCategories(categories)));
  }

  Stream<CategoryState> _mapUpdateCategoriesToState(
      UpdateCategories event) async* {
    yield CategoryLoaded(categories: event.categories);
  }
}

category_event.dart

abstract class CategoryEvent extends Equatable {
  const CategoryEvent();
}

class LoadCategories extends CategoryEvent{

  @override
  List<Object?> get props => [];
}

class UpdateCategories extends CategoryEvent{
  final List<Category> categories;

  UpdateCategories(this.categories);

  @override
  List<Object?> get props => [categories];
}

category_state.dart

abstract class CategoryState extends Equatable {
  const CategoryState();
}

class CategoryLoading extends CategoryState {

  @override
  List<Object> get props => [];
}

class CategoryLoaded extends CategoryState {
  final List<Category> categories;

  CategoryLoaded({this.categories = const <Category> []});

  @override
  List<Object> get props => [categories];
}

[bagusrivaldi]

same problem, did solve it?