Framer + Airtable calculate total

Main.tsx

export function getTotal(Component): ComponentType {
    return (props) => {
        const [store, setStore] = globalStore()

        useEffect(() => {
            var total = 0
            var selectedData = []

            _.forEach(store.selectedProducts, (item) => {
                var filteredArray = _.filter(
                    store.airtableData,
                    (product) => product.fields["Short Description"] == item
                )
                selectedData.push(filteredArray)
            })

            selectedData = _.flatten(selectedData)

            for (var i = 0; i < selectedData.length; i++) {
                total += selectedData[i]["fields"]["Total"]
            }

            setStore({ total: total })
        }, [store.selectedProducts])

        return <Component {...props} text={`\$${store.total}`} />
    }
}