React useState hook适配IonInput临时空值/null的TypeScript报错求助

项目中的相关实现代码 #

• 邮箱状态定义：
  const [email, setEmail ] = useState<string>("");
• 输入组件绑定逻辑：

  <IonItem> 
    <IonLabel position={"stacked"}>Email</IonLabel> 
    <IonInput type={"email"} value={email} onIonChange={(event) => setEmail(event.detail.value)}/> 
  </IonItem>
  

触发的TypeScript报错 #

在调用setEmail(event.detail.value)更新状态时，编译器持续抛出以下类型错误：

TS2345: 类型'string | null | undefined'的参数不能赋给类型'SetStateAction'的参数，其中类型'undefined'无法赋值给类型'SetStateAction'。

疑惑说明 #

此前已查阅关于React useState Hook可空状态类型定义的相关技术资料，按照资料给出的方案使用useState<string>("")的形式显式声明状态类型，仍然会触发上述类型不匹配的报错，无法理解问题产生的原因。

内容的提问来源于stack exchange，提问作者Randson