How can I change drawerActiveBackgroundColor in React Navigation 6?

How can I change drawerActiveBackgroundColor in React Navigation 6 here is my code:

<Drawer.Navigator
      screenOptions={{
        drawerActiveBackgroundColor: "red",
      }}
      drawerContent={props => <DrawerContent {...props} />}>
      <Drawer.Screen
        options={{
          drawerStyle: {
            backgroundColor: '#c6cbef',
            width: 240,
          },
        }}
        name="Login"
        component={Login}
        options={{headerShown: false}}
      />
      <Drawer.Screen
        name="SignUp"
        component={SignUp}
        options={{headerShown: false}}
      />
    </Drawer.Navigator>