Can't attach label to editor

In the following snippet, I cannot click on the label and get the cursor to jump into the editor:

import React, { useState } from "react";
import CodeMirror from "@uiw/react-codemirror";
import { javascript } from "@codemirror/lang-javascript";

export default function App() {
  const onChange = React.useCallback((value, viewUpdate) => {
    console.log("value:", value);
  }, []);
  return (
    <div>
      <label for="test">Test</label>
      <CodeMirror
        id="test"
        value="console.log('hello world!');"
        height="200px"
        theme="dark"
        extensions={[javascript({ jsx: true })]}
        onChange={onChange}
      />
    </div>
  );
}

Use the provided TypeScript/React App snippet as the reproduction entry point, then inspect how the CodeMirror component handles its id prop and editor DOM. Done means clicking the label with for="test" focuses the editor in this example; no test file is named in the issue.