JSFiddle - React, Tailwind, and code Playground

HTML

<div class="hide">
  <input type="text" class="focus">
</div>

<div>
  <input type="text" class="focus">
</div>

<div>
  <input type="text" class="focus">
</div>

CSS

.hide {display:none}

JavaScript

$(document).find('.focus').filter(':visible').eq(0).focus();