Bloc Provider Duplicating issue using Sub router about auto_route_library HOT 10 OPEN

@RoutePage()
class BottomNavigationBarScreen extends StatelessWidget {
  const BottomNavigationBarScreen({super.key});

  @override
  Widget build(BuildContext context) {
    return AutoTabsRouter(
      homeIndex: 0,
      routes: const [
        HomeRoute(),
        CategoriesRoute(),
        CartRoute(),
        AccountRoute(),
      ],
      transitionBuilder: (context, child, animation) => FadeTransition(
        opacity: animation,
        // the passed child is technically our animated selected-tab page
        child: child,
      ),
      builder: (context, child) {
        // obtain the scoped TabsRouter controller using context
        final tabsRouter = AutoTabsRouter.of(context);
        final activeIndex = tabsRouter.activeIndex;
        // Here we're building our Scaffold inside of AutoTabsRouter
        // to access the tabsRouter controller provided in this context
        return Scaffold(
          resizeToAvoidBottomInset: true,
          body: child,
          bottomNavigationBar: AppBottomNavigationBar(
            destinations: [
              NavigationDestination(
                selectedIcon: Icon(
                  Icons.home,
                  color: context.color.primary,
                ),
                icon: Icon(Icons.home_outlined, color: context.colorScheme.darkGrey),
                label: context.t.home,
              ),
              NavigationDestination(
                selectedIcon: Icon(
                  Icons.category,
                  color: context.color.primary,
                ),
                icon: Icon(Icons.category_outlined, color: context.colorScheme.darkGrey),
                label: context.t.categories,
              ),
              NavigationDestination(
                selectedIcon: Icon(
                  Icons.shopping_cart,
                  color: context.color.primary,
                ),
                icon: Icon(Icons.shopping_cart_outlined, color: context.colorScheme.darkGrey),
                label: context.t.cart,
              ),
              NavigationDestination(
                selectedIcon: Icon(
                  Icons.person,
                  color: context.color.primary,
                ),
                icon: Icon(Icons.person_outline_rounded, color: context.colorScheme.darkGrey),
                label: context.t.account,
              ),
            ],
            onDestinationSelected: tabsRouter.setActiveIndex,
            selectedIndex: activeIndex,
          ),
        );
      },
    );
  }
}