Conversion de js plaine pour réagir.js en utilisant useref crochet

J'ai essayé de convertir ce javascript plain pour réagir avec USEREF Hook.

JS plain: https://codesandbox.io/s/frienly-maxwell -UB18W? File = / src / index.js P>

réagit: https://codesandbox.io/s/stry-frog-urzjp?file=/src/app.js p>

export default function App() {
  const fileElem = useRef(null);

  return (
    <div className="App">
      <input
        id="fileElem"
        multiple
        accept="image/*"
        style={{ display: "none" }}
      />
      <button onClick={() => fileElem.current.click()}>
        Select some files
      </button>
    </div>
  );
}