Resolva o problema com setState() ou markNeedsBuild() chamado durante a construção

Estou fazendo um curso de Flutter na Udemy. Atualmente, estamos construindo nosso próprio widget com este código:

class ReusableCard extends StatelessWidget {
  const ReusableCard(
      {super.key,
      required this.colour,
      this.cardChild = const Placeholder(),
      required this.onPress});

  final Color colour;
  final Widget cardChild;
  final Function? onPress;

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onTap: onPress!(),
      child: Container(
        margin: const EdgeInsets.all(15),
        decoration: BoxDecoration(
          color: colour,
          borderRadius: BorderRadius.circular(10),
        ),
        child: cardChild,
      ),
    );
  }
}

A ideia para este widget é atualmente implementar uma função, onde o fundo é marcado com outra cor (ou seja, o cartão está 'selecionado') quando o usuário clica nele (ou seja, toca no GestureDetector).

Agora, quando eu uso este widget de uma StatefulWidgetforma como esta

class _InputPageState extends State<InputPage> {
  Gender? selectedGender;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('BMI CALCULATOR'),
      ),
      body: Column(
        children: [
          Expanded(
            child: Row(
              children: [
                Expanded(
                 child: ReusableCard(
                    colour: selectedGender == Gender.male
                        ? activeCardBackground
                        : inactiveCardBackground,
                    cardChild: const ChooseGender(
                      icon: FontAwesomeIcons.mars,
                      text: 'MALE',
                    ),
                    onPress: () => setState(() {
                      selectedGender = Gender.female;
                    }),
                  ),
                ),
// ...
            ]),
          ),
// ...

        ],
      ),
    );
  }
}

Recebo a mensagem de erro: setState() or markNeedsBuild() called during build.. Isso acontece se eu usar a função onPressdo widget criado personalizado ReusableCard.

Quando mudo o código onde utilizo o ReusableCardwidget para algo assim (ou seja, faço um GestureDetectorem torno de a ReusableCarde uso a função onTap), a função funciona sem problemas.

    Expanded(
      child: GestureDetector(
        onTap: () => setState(() {
          selectedGender = Gender.male;
        }),
        child: ReusableCard(
          colour: selectedGender == Gender.male
              ? activeCardBackground
              : inactiveCardBackground,
          cardChild: const ChooseGender(
            icon: FontAwesomeIcons.mars,
            text: 'MALE',
          ),
          onPress: () {},
        ),
      ),
    ),

Minha pergunta agora é por que estou recebendo a mensagem de erro quando uso GestureDetectordentro do meu próprio widget (e com o uso da função onPressfrom ReusableCard), mas não quando uso GestureDetectorem torno de a ReusableCardcom a função onTap?