const Example = () => {
  const [code, setCode] = React.useState('');
  const ref = useRef<Editor>(null);

  const onFocus = () => ref.current?.textarea?.focus();

  return (
    <div>
      <button type="button" onClick={onFocus}>
        Focus
      </button>

      <Editor
        ref={ref}
        value={code}
        onValueChange={setCode}
        highlight={(code) => highlight(code, languages.jsx!, 'jsx')}
      />
    </div>
  );
};