Estoy pasando ganchos de estado como accesorios a mis componentes y mi HeaderButton funciona perfectamente bien, pero cuando intento implementar onPress aparece un error que dice "props.setActiveTab no es una función".

 import React from "react"; import { useState } from "react"; import { View, Text, TouchableOpacity } from "react-native"; export default function Header(props) { const [activeTab, setActiveTab] = useState("Delivery"); return ( <View style={{ flexDirection: "row", alignSelf: "center"}}> <HeaderButton text="Delivery" bgColor="black" textColor="white" activeTab={activeTab} setActiveTab={activeTab} /> <HeaderButton text="Pick up" bgColor="white" textColor="black" activeTab={activeTab} setActiveTab={activeTab} /> </View> ); } const HeaderButton = (props) => ( <TouchableOpacity style={{ backgroundColor: props.activeTab === props.text ? "black" : "white", paddingVertical: 10, paddingHorizontal: 40, borderRadius: 10, }} onPress={() => props.setActiveTab(props.text)} > <Text style={{ color: props.textColor }}> {props.text}</Text> </TouchableOpacity> );