Maestro cannot find id on Expo Router Drawer

[joshembling]

Can anybody spot what's missing here to open the drawer component?

There is no accessibilityLabel linked to the parent Drawer and the id of "drawer" on the component is never being found.

import { GestureHandlerRootView } from "react-native-gesture-handler";
import { Drawer } from "expo-router/drawer";
import { DrawerContentScrollView, DrawerItem } from "@react-navigation/drawer";
import { router } from "expo-router";

export default function Layout() {
  return (
    <GestureHandlerRootView style={{ flex: 1 }}>
      <Drawer
        id="drawer"
        screenOptions={{
          headerTitle: "Welcome",
        }}
        drawerContent={(props) => {
          return (
            <DrawerContentScrollView>
              <DrawerItem
                accessibilityLabel="Settings"
                label="Settings"
                onPress={() => {
                  router.push("/(tabs)/settings");
                }}
              />
            </DrawerContentScrollView>
          );
        }}
      />
    </GestureHandlerRootView>
  );
}

- launchApp
- tapOn: "Settings" # works
- tapOn: 
    id: "drawer"

Output: Element not found: Id matching regex: drawer

Also tried:

- tapOn: 
    id: ".*drawer*."

[Fishbowler]

Anyone got the output of maestro hierarchy with this on screen?