TypeError: Object(...) is not a function (redux)

I believe the issue is that you aren't exporting the withdrawMoney function, so you aren't able to call it in the component that you're attempting to import into.

try:

export function withdrawMoney(amount) {
  return {
    type: "ADD_TODO",
    amount
  }
}

Another subtle mistake that will cause this error is what I tried to do, don't accidentally do this:

import React, { useSelector, useState ... } from 'react'

it should be:

import React, { useState } from 'react'
import { useSelector } from 'react-redux'

Try to install : npm i react@next react-dom@next and run again

const mapStateToProps = state => ({
Bank: state.Bank,
});

function mapDispatchToProps(dispatch) {
return {
  dispatch,    
  ...bindActionCreators({ getBanks, addBank }, dispatch)
  }
 }

export default connect(
  mapStateToProps,
  mapDispatchToProps
)(BankComponent);

this worked like a Charm for me .

Tags:

Redux