Comment rendre ce code plus propre? React natif

export default function Navigation() {
const {isSignedIn} = useSelector(state => state.authReducer);

return (
  <Stack.Navigator
    screenOptions={{
      headerShown: false,
    }}>
    {!isSignedIn && (
      <>
        <Stack.Screen name="Login" component={Login} />
        <Stack.Screen name="SignUp" component={SignUp} />
      </>
    )}
    <Stack.Screen name="HomeDrawer" component={HomeDrawer} />
    <Stack.Screen name="HomeScreen" component={HomeScreen} />
    <Stack.Screen name="ProductOverview" component={ProductOverview} />
    <Stack.Screen name="CartScreen" component={CartScreen} />
    <Stack.Screen name="OrderOverview" component={OrderOverview} />
  </Stack.Navigator>
);
SAMER SAEID