Medium post component.js

component.js

import React from 'react'
import { Counter } from '../store'

const SomeComponent = () => {
  const counterState = React.useContext(Counter.State)
  const counterDispatch = React.useContext(Counter.Dispatch)

  return (
    <>
      <p>Count: {counterState.number}</p>
      <button onClick={() => counterDispatch({type: 'increment'})}>Increment</button>
    </>
  )
}

export default SomeComponent