我试图创建一个网站，使用户能够搜索通过Firebase Firestore中的文档集合。这个过程包括将用户的输入保存为一个状态（useState），并利用useEffect钩子来查询Firebase数据库。
但是，我遇到了一个问题，在使用input.toUpperCase（）方法时，查询无法按预期工作。它总是返回集合中的所有文档。奇怪的是，当将文本直接键入消息框而不将其转换为大写时，查询可以正常工作。
下面是相关的代码片段：

useEffect(() => {
  const fetch = async () => {
    const docRef = collection(db, "CenterBatchLvl");
    const m = message.toUpperCase(); // This doesn't work as expected.

    const q = query(docRef, where("batch", ">=", m)); // When I use 'message' instead of 'm', it works fine.

    const querySnapshot = await getDocs(q);
    const names = querySnapshot.docs.map(doc => doc.data().batch);
    console.log(querySnapshot.docs.map(doc => doc.data()));
    setPossible(names);
  }
  fetch();

字符串
请帮助我弄清楚为什么在这种情况下使用input.toUpperCase（）不起作用，而在没有toUpperCase（）方法的情况下直接将文本输入到消息框中会产生所需的结果。
消息状态设置如下

<Input maxW={400} onChange={(e) => { setMessage(e.target.value) }} type="text" />

型