simple-clean-component.js

import React, { useContext } from 'react';
import { StoreContext } from '../store/StoreContext';

const MyComponent = () => {
  const { state, actions } = useContext(StoreContext);
  const myAction = () => actions.triggerAction('data');
  
  return(
    <>
      Number of button clicks: {state.counter}.
      <button onClick={myAction}>Click me</button>
    </>
  )
};

export default MyComponent;