Помогите вызвать в React {const}

const Change = (individualSpan) => { filterFunction(individualSpan.idNumber); }

как вызвать эту константу. получается только через onClick={Change} все другие попытки дают ошибки. вопрос как можно сделать некий вызов этого {Change} без кнопки и нажатия а сразу при загрузке страницы

const [products, setProducts] = useState([0]);

const getProducts = async () => {

    const products = await fs.collection('Products').get();
    const productsArray = [];
    for (var snap of products.docs) {
        var data = snap.data();
        data.ID = snap.id;
        productsArray.push({
            ...data
        })
        if (productsArray.length === products.docs.length) {
            setProducts(productsArray);
        }
    }
}

const [filteredProducts, setFilteredProducts] = useState([]);

useEffect(() => {

    getProducts();

}, [])


function filterFunction(individualSpan) {
    let IDA = window.location.href.split('/').at(-1);
    const filter = products.filter((product) => individualSpan.idNumber=== IDA.toString());
    setFilteredProducts(filter);

}

const Change = (individualSpan) => {
    filterFunction(individualSpan.idNumber);
}