CustomRoute() transition gets overridden by defaultRouteType

[arhamsc]

I have a DeviceControllerRoute that has been wrapped in CustomRoute to have a custom transition. But it is not being implemented and only the global override of fadeIn transition occurs.

I have an auto route config such as:

@AutoRouterConfig(replaceInRouteName: 'Screen,Route')
class AppRouter extends $AppRouter {
  AppRouterRef ref;

  AppRouter(this.ref);

  @override
  List<AutoRoute> get routes => [
        AutoRoute(
          page: MainTabBarRoute.page,
          path: "/",
          fullMatch: true,
          children: [
            AutoRoute(
              page: HomeRoute.page,
              path: "home",
            ),
            AutoRoute(
              page: MyDevicesRoute.page,
              path: "devices",
            ),
            AutoRoute(
              page: ServicesRoute.page,
              path: "services",
            ),
            AutoRoute(
              page: MyProfileRoute.page,
              path: "profile",
            ),
          ],
        ),
        AutoRoute(
          // Use separate wrappers for each root route.
          page: AuthEmptyRoute.page,
          usesPathAsKey: true,
          // initial: true,
          path: "/auth",
          children: [
            AutoRoute(page: AuthIntroRoute.page, path: ""),
            AutoRoute(page: AuthRoute.page, path: "auth-login-register"),
          ],
        ),
        AutoRoute(
          path: "/devices",
          page: DeviceEmptyRoute.page,
          usesPathAsKey: true,
          children: [
            AutoRoute(
              path: "add",
              page: DeviceEmptyRoute.page,
              usesPathAsKey: true,
              children: [
                AutoRoute(
                  path: "",
                  page: AddDeviceIntro1Route.page,
                ),
                AutoRoute(
                  path: "lookup",
                  page: AddDeviceLookupRoute.page,
                ),
                AutoRoute(
                  path: "connect-wifi",
                  page: AddDeviceConnectWifiRoute.page,
                ),
                AutoRoute(
                  path: "restart",
                  page: AddDeviceRestartDeviceRoute.page,
                ),
                AutoRoute(
                  path: "success",
                  page: AddDeviceSuccessRoute.page,
                ),
                AutoRoute(
                  path: "error",
                  page: AddDeviceErrorRoute.page,
                ),
              ],
            ),
            CustomRoute(
              page: DeviceControllerRoute.page,
              path: ":deviceId/controller",
              transitionsBuilder: TransitionsBuilders.slideTop,
              usesPathAsKey: true,
            ),
          ],
        ),
      ];

  @override
  RouteType get defaultRouteType => const RouteType.custom(
        transitionsBuilder: TransitionsBuilders.fadeIn,
        durationInMilliseconds: 500,
      );
}