Реагировать, вызвать функцию в другом компоненте

У меня есть демо здесь

Это простое приложение для корзины, в котором я размещаю товары с помощью кнопки, чтобы добавить продукт в список.

Корзина и функция добавления в корзину находятся в другом компоненте, чем продукты.

Как я могу вызвать функцию addToCart из компонента приложения, где нажата кнопка.

const handleClick = (
    e: React.MouseEvent<HTMLInputElement, MouseEvent>,
    item: IProduct
  ) => {
    e.preventDefault();
    // Call the add to cart function
    Cart.addToCart(item);
  };