Машинопись. Назначить элемент JSX переменной

У меня есть очень простая функция, которая возвращает ввод и его значение. Проблема в том, что я не знаю, как присвоить элемент JSX переменной. При использовании обычного React все нормально, а вот с TypeScript у меня ошибка. Вот сама функция:

export const useInput = () => {
    const [val, setInputValue] = React.useState("");

    const inputValueHandler = (e: React.FormEvent<HTMLInputElement>) => {
        const currentTarget = e.target as HTMLInputElement;
        setInputValue(currentTarget.value);
    };
      
     const input: JSX.Element = <input value={val} onChange={inputValueHandler}/>;
    
    return [val, input];
  }

здесь появляется ошибка

     const input: JSX.Element = <input value={val} onChange={inputValueHandler}/>;

ошибка

"input" refers to a value, but is used as a type here. Did you mean "typeof input"?ts(2749)