Uncaught Error 'navigation.ToggleDrawer is not a function in React Native

I'm trying to implement drawer navigation within my stack navigator and it looks like the project isn't picking up <Button title="Flavor" onPress={() => navigation.toggleDrawer()} />. My stack is:

 <Stack.Screen name="MyDrawer" component={MyDrawer} />

My Drawer function is:

function CustomDrawerContent(props) {
  return (
    <DrawerContentScrollView {...props}>
      <DrawerItemList {...props} />
      <DrawerItem
        label="Close drawer"
        onPress={() => props.navigation.closeDrawer()}
      />
      <DrawerItem
        label="Toggle drawer"
        onPress={() => props.navigation.toggleDrawer()}
      />
    </DrawerContentScrollView>
  );
}

const Drawer = createDrawerNavigator();

function MyDrawer() {
  return (   
      <Drawer.Navigator
      useLegacyImplementation
      drawerContent={(props) => <CustomDrawerContent {...props} />}
    >
      <Drawer.Screen name="Upload A Video" component={EarningsScreen} />
      <Drawer.Screen name="Livestream" component={EarningsScreen} />
    </Drawer.Navigator>
  );
}

Can someone help me figure this problem out? I'm not sure what the error is regarding.