Reactjs React：如何设置光标 Select

我正在使用一个定制库，其中我需要手动设置光标 Select .以下是我的输入代码:

import React, { useState } from 'react';
import { useDrag } from 'react-dnd'
import { Validation } from "../types";
...
  <input
    ref={forwardRef}
    id={id}
    type={type}
    placeholder={placeholder}
    value={value}
    onChange={onChange}
    onKeyDown={onKeyDown}
    onBlur={onBlur}
    name={name}
    disabled={disabled}
    className={`fb-form-control goggo ${validation?.type}`}
    checked={!!checked}
    draggable={true}
    onDragStart={(event) => event.preventDefault()}
    onMouseEnter={()=>console.error("onMouseEnter", "onMouseEnter")}
    onMouseLeave={() => console.error("onMouseLeave", "onMouseLeave")}
    onDoubleClick={() => console.error("I have been double clicked!")}
  />

我需要将() => console.error("I have been double clicked!")替换为对 Select 输入文本的函数的调用.代码:onDoubleClick={() => console.error("this", document.getElementById(String(id))?.select())}会导致"TS2551: Property 'select' does not exist on type 'HTMLElement'. Did you mean 'onselect'?"