example.jsx

const incrementCounter = () => {
  type: 'INCREMENT',
}
  
const initialState = {
  counter: 0
}

function reducer(state = initialState, action = {}) {
  switch(action.type) {
    case 'INCREMENT':
      return { ...state, counter: state.counter + 1 }
    default:
      return state
  }
}
  
function MyComponent() {
  const counter = useSelector(s => s.feature.counter)
  const dispatch = useDispatch()
  
  return (
    <>
      <div>{counter}</div>
      <button onClick={() => dispatch(incrementCounter())} />
    </>
  ) 
}