InputGroup + FormFeedback does not work

[supermihi]

• components: InputGroup, FormFeedback
• reactstrap version #8.0.1
• import method es
• react version #16.8.6
• bootstrap version #4.3.1

What is happening?

I am using an <InputGroup/> with a text-<Input/> followed by an <InputGroupAddon addonType="append"/>. I try to add a <FormFeedback/>. Where to put that element?

• between <Input/> and <InputGroupAddon/> breaks layout: the addon is moved into the next row
• after <InputGroupAddon/>: breaks style of the addon: no rounded corners to the right
• after the <InputGroup/>: feedback not shown at all.

What should be happening?

Steps to reproduce issue

1. ...
2. ...

Error message in console

paste error message with stacktrack here

Code

https://stackblitz.com/edit/reactstrap-mzdndu?file=Example.js

[TheSharpieOne]

this is a bootstrap css issue. There are several issues within bootstrap's repo. Check out this one: twbs/bootstrap#23454

[supermihi]

I see. Thank you for the hint!