JSFiddle - React, Tailwind, and code Playground

HTML

<label>
  <input type="file" name="input-name" style="display: none;" />
  <span id="input-file-replacer">Select file</span>
</label>

CSS

/* Style this however you like */
#input-file-replacer {
  padding: 3px 5px;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: #ddd;
  color: #333;
  cursor: pointer;
}