Framer + Airtable add product smart components

Main.tsx

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

        function toggleProduct(title) {
            var products = _.cloneDeep(store.selectedProducts)
            var index = store.selectedProducts.indexOf(title)
            if (index != -1) {
                products.splice(index, 1)
                setStore({ selectedProducts: products })
            } else {
                products.push(title)
                setStore({
                    selectedProducts: products,
                })
            }
        }

        return (
            <Component {...props}>
                {store.productLabels.map((item) => (
                    <Product
                        variant={
                            store.selectedProducts.indexOf(item) != -1
                                ? "enabled"
                                : "disabled"
                        }
                        title={item}
                        onClick={() => toggleProduct(item)}
                    />
                ))}
            </Component>
        )
    }
}