App.jsx

import React, { useRef, useContext } from "react";

import { Store } from "./Store";
import { createNewListItem, deleteListItem } from "./Actions";
import "./app.scss";

export default function App() {
  const { state, dispatch } = useContext(Store);

  const input = useRef();

  const onDeleteListItem = uuid => {
    deleteListItem({
      dispatch,
      payload: {
        uuid
      }
    });
  };

  return (
  //...    
    <button onClick={() => deleteListItem(listItem.uuid)}>
      Delete
    </button>
  //...
  );
}