title: How to add custom data-* attributes in react-bootstrap component
body: <p>I am using <a href="https://react-bootstrap.github.io/" rel="nofollow noreferrer">react-bootstrap</a> for 'atom' level components in my react app and I want to pass HTML5 data-* attributes to those component and even though I do pass them in my react-bootstrap component ( <a href="https://react-bootstrap.github.io/components/buttons/" rel="nofollow noreferrer">Button</a> in my case) they do not show up and when I inspect them and hence I am not able to use them </p>
  
  <p>Now Is there a way to do that? I have went through their <a href="https://react-bootstrap.github.io/getting-started/introduction" rel="nofollow noreferrer">documentation</a> but there is no clue as to how to do that? </p>