How to forward a reference to a component

import { JSX } from "preact";

interface Input
  extends JSX.HTMLAttributes<HTMLInputElement>, Partial<GlobalEventHandlers> {
  label?: string;
}

export default function (props: Input) {
  const { label } = props;
  return (
    <div class="container">
      <span>{label}</span>
      <input type="text" {...props} />
    </div>
  );
}

import { useRef } from "preact/hooks";
import Input from "../components/Input.tsx";

export default function () {
  const refInput = useRef<HTMLInputElement>(null);

  return (
    <div>
      <Input ref={refInput}></Input>
    </div>
  );
}