AutoRoute in Flutter issue

@AutoRouterConfig()
class AppRouter extends RootStackRouter {

  @override
  List<AutoRoute> get routes => [
    AutoRoute(page: HomeRoute.page),
    AutoRoute(page: LoginRoute.page),
    AutoRoute(page: SettingsRoute.page),
    AutoRoute(page: HomeRoute.page),
    AutoRoute(page: MainApp.page, initial: true,)
  ];
}

this is my router

my main app requires initial page arg

@RoutePage()
class MainApp extends StatefulWidget {
  final String initialPage;
  const MainApp({super.key, required this.initialPage});

  @override
  State<MainApp> createState() => _MainAppState();
}

class _MainAppState extends State<MainApp> {
  @override
  Widget build(BuildContext context) {
    if (widget.initialPage == "/home") {
      return const ScaffoldBottomBar(
        children: [
          HomePage(),
          SettingsPage(),
        ],
      );
    } else {
      return const CheckUserPage();
    }
  }
}

and my MainApp is initial page in my app

class MyApp extends StatelessWidget {
  final bool isAuthenticated;
  const MyApp({super.key, required this.isAuthenticated});

  @override
  Widget build(BuildContext context) {
    AppRouter appRouter = AppRouter();
    return MultiBlocProvider(
      providers: [
        BlocProvider(
          create: (context) => AuthBloc(),
        ),
        BlocProvider(
          create: (context) => HomeBloc(),
        ),
      ],
      child: MaterialApp.router(
        title: 'MelonFeed',
        debugShowCheckedModeBanner: false,
        theme: lightTheme(),
        darkTheme: darkTheme(),
        themeMode: ThemeMode.system,
        routerConfig: appRouter.config(),
      ),
    );
  }
}

How can I pass the initialPage in routeConfig??
Also is it a correct approach to check for initial route and navigate(MainApp)
Please help me.