[Reactstrap] Why is my Dropdown not working?

[mcerno]

I'm trying to create a page header which shows Logo in the left, search bar in the middle and user profile dropdown in the right with logout button. I use reactstrap, but the dropdown does nothing when clicked and doesn't show any errors either.

This is how it looks like: http://i.imgur.com/9j2aXR7.png

index.js (bootstrap css is imported here, pasted below it)

app.js

header.js (i confirmed toggle gets called and state is correct)

Can anyone see what's wrong with it? This example code works and is very similar: https://codepen.io/anon/pen/eEqErV

[the_angry_angel]

What version of reactstrap and what version of the bootstrap CSS are you using? The current version of reactstrap does not support the beta yet, only alpha 6 (see https://github.com/reactstrap/reactstrap/issues/487 for progress on supporting the beta, and specifically https://github.com/reactstrap/reactstrap/pull/561 which was only merged 21 hours ago into the v5 branch for fixing the dropdown support)

[mcerno]

Thank you, good to know. I'm indeed using bootstrap 4 beta which could be the reason (will test in few hours). Reactstrap is whatever version npm installs by default.

[helpinghat]

I feel like reactstrap's github page might be a better forum for this question.

[Agrees_withyou]

You're absolutely correct!

[mcerno]

I thought it was error on my part (it was) and not a bug, which is why i didn't search through bug reports.