title: Autofocus on reactstrap alerts using react functional component
body: <p>I am using react hooks for my frontend designs and while creating a register form I have used various validations and I am depicting errors using reactstrap warning alerts.
  And things are working fine but when focus is not implemented on these alers means when my page shows any of alert, it doesn't focus on that automatically.</p>
  
  <p>I have tried basic codes for autofocus/ autoFocus or Focus() but nothing is working as per need.
  My alert code look as shown below:</p>
  
  <pre><code>  {
          showAlreadyRegisteredAlert?
          &lt;Alert variant="warning" onClose={() =&gt; setShowAlreadyRegisteredAlert(false)} dismissible&gt;
          &lt;p className="mb-0"&gt;
          {content}
          &lt;/p&gt;
        &lt;/Alert&gt;
          :null
        }
  </code></pre>
  
  <p>I am just writing these alert codes in between my form inputs and whenever I need to call any of them I simply setValue for the commponent and alert box is called but still it lacks autofocus.</p>
  
  <p>Any help will be appreciated. Thanks in advance!</p>