Combining multiple Objects in ReactJS export

Question

So I have a React component that uses the google-maps-react package along with redux

Now the thing is that I need to export connect() and the GoogleApiWrapper together. I googled a bit and found someone who did it like this :

export default connect(
  mapStateToProps,
  { saveMapCoords }
)(
  GoogleApiWrapper({
    apiKey: 'AIzaSyA5EqRGJ-YR-2ZCGxThhtFZKwNBy6wk73c'
  })
)(Maps)

Where Maps is the class name.

Unfortunately I get this error : TypeError: Object(...)(...)(...) is not a function

This is returned from the line GoogleApiWrapper

Does anyone know why this happens? They work separately but not together

It seems you are misplacing one bracket: ` export default connect( mapStateToProps, { saveMapCoords } )( GoogleApiWrapper({ apiKey: 'AIzaSyA5EqRGJ-YR-2ZCGxThhtFZKwNBy6wk73c' }) )(Maps)) ` — Mobeen
– Mobeen, Commented Jul 9, 2019 at 11:12
This is actually the same as I wrote above but with an extra bracket at the end, and the bracket at the end gives me a compiling error that says that there is a bracket that shouldn't be there. — Trisma
– Trisma, Commented Jul 9, 2019 at 11:17

Hemant Parashar · Accepted Answer · 2019-07-09 11:18:47Z

2

You're closing a bracket before. The GoogleApiWrapper

GoogleApiWrapper({
  apiKey: (YOUR_GOOGLE_API_KEY_GOES_HERE)
})(MapContainer)

is a HOC that'll return a new component that you'll then pass in the connect.

Try this

export default connect(
    mapStateToProps,
    { saveMapCoords }
)(
    GoogleApiWrapper({
        apiKey: "AIzaSyA5EqRGJ-YR-2ZCGxThhtFZKwNBy6wk73c"
    })(Maps)
)

answered Jul 9, 2019 at 11:18

Hemant Parashar

3,7842 gold badges18 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Trisma Over a year ago

Oh I see, so I wasn't that far away from what I wanted. Thanks for correcting that.

Hemant Parashar Over a year ago

Glad it helped :)

Collectives™ on Stack Overflow

Combining multiple Objects in ReactJS export

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related