Reactでテキストフォームに文を打って送信ボタンを押すとテキストの送信と同時にテキストフォームの文をクリアするようにしたい

Question

前提・実現したいこと

##Reactでタイピングゲームを作っていて、テキストフォームに問題文のタイピング文を打って送信ボタンを押すとつぎの問題に行くと同時にテキストフォームの文をクリアする。

発生している問題・エラーメッセージ

プロパティ 'value' は型 'Dispatch<SetStateAction<string>>' に存在しません。

該当のソースコード

import React, {useState} from "react";
import { dummyText } from "./dummys/dummytext";


const twiiterText : string[] = dummyText;

const Game = () =>{
    const [questionNum, setQuestionNum] = useState<number>(0);
    const [question,setQuestion] = useState<string>(twiiterText[questionNum]);
    const [form, setForm] = useState<string>("");
    //正解不正解の判定(consoleに表示)

    const result = () =>{
        if(form === question){
            console.log("正解");
            setQuestionNum(questionNum + 1);
            setQuestion(twiiterText[questionNum + 1]);
        } else { 
            console.log("不正解");
        }
    }
    

    function clearText() {
        var any = document.getElementById("form");
      setForm.value = '';
    }

    //html
    return(
        <div>
            <h1>{questionNum + 1}問目</h1>
            <div>
               問題のタイピング文を打ちなさい。
            </div>
            <h1>{question}</h1>
            <input id="form" onChange={(e)=> setForm(e.target.value)}></input>
            <button onClick={()=> {result()}}>送信</button>
        </div>
    );
}

export default Game;

###下がdummystextです。

export const dummyText = [
    "あいうえお",
    "かきくけこ",
    "さしすせそ",
    "たちつてと",
    "なにぬねの",
    "はひふへほ",
    "まみむめも",
    "やゆよ",
    "らりるれろ",
    "わをん",
];

試したこと

value='';でinputのフォームに入力されている内容をクリアしようとしたのですがエラーがでてしまいます。

補足情報（FW/ツールのバージョンなど）

VScodeを使っています。

Answer 1

プロパティ 'value' は型 'Dispatch<SetStateAction<string>>' に存在しません。

というエラーの通り、setForm.value = hogeという使い方はできません。
setForm(hoge)です。

ステートフックの利用法を読み直して下さい。