UseContext_Buttons.tsx

const Buttons = () => {
  const { dispatch, } = React.useContext(DarumaContext);

  return (
    <>
      <UndoIcon
        onClick={() => dispatch({ type: Actions.UNDO })}
      />
      <BrushIcon
        onClick={() => dispatch({ type: Actions.PAINT })}
      />
    </>
  );
};