gistfile1.txt

import React from 'react'
import { useDispatch } from 'react-redux'

const App = () => {
  const dispatch = useDispatch()

//works as expected
  const good = () => {
    dispatch({
      type: 'GOOD',
    })
  }

//does not work
  const goodAction = (payload) => {
    return {
      type: 'GOOD',
      payload,
    }
  }
  
  return (
    <div>
      {/* works as expected */}
          <button onClick={good}>good</button>
          
        {/* Error: Actions must be plain objects. Use custom middleware for async actions. */}    
      <button onClick={() => dispatch(goodAction)}>good</button>
      
      <div>good {state.good}</div>
    </div>
  )
}

export default App