React native 变量"&引用；已强制非Null类型为Null值'；绳子&引用；图形错误

我正试图将groupChatName保存为TextInput的值，并将该名称保存在后端，但这样做会导致错误“可能未处理的承诺，数据：null，变量'groupChatName'强制非null类型'String'为null值”，路径：null

export const createGroupChat=`crategroupchat（$groupChatName:String！$messages:String$createdUser:String！$users:String）{
createGroupChat（输入：{
groupChatName:$groupChatName
信息：$messages
createdUser:$createdUser
用户：$users
}){
groupChatName
信息
createdUser
使用者
}
}`;

  const [currentUser, setCurrentUser] = useState('');
  const [value, setValue] = useState('');
  const [groupChatName, setGroupChatName] = useState('');


  useEffect(() => {
    Auth.currentAuthenticatedUser()
    .then(currentUser => setCurrentUser(currentUser)) 
    .catch (() => setUsername(null));
    }, []);

  GroupChat = () => {
    if (value.length > 0) {
      setValue('')
      setGroupChatName('')
      props.navigation.navigate('Message', { value });
    }
  };

  GroupChatMutation = async () => {
    const GroupChatDetails = { groupChatName, currentUser };
    const newGroupChat = await API.graphql(graphqlOperation(createGroupChat, { GroupChatDetails }));
    console.log(JSON.stringify(newGroupChat));

  };

  return (
    <View style={styles.container}>
            <Text style={styles.header}>Create GroupChat Name</Text> 
            <View style={styles.textInputContainer}>
                    <TextInput 
                            style={styles.textInput}
                            multiline={true}
                            placeholder={'Type in a GroupChatName'}
                            placeholderTextColor="#abbabb"
                            value={value}
                            onChangeText={value => setValue(value)}
                            onChange={value => setGroupChatName(value)}



                    />
.......```

const[currentUser，setCurrentUser]=useState（“”）；
const[value，setValue]=使用状态（“”）；
常量[groupChatName，setGroupChatName]=useState（“”）；
useffect（（）=>{
Auth.currentAuthenticatedUser（）
.然后（currentUser=>setCurrentUser（currentUser））
.catch（（）=>setUsername（null））；
}, []);
群组聊天=（）=>{
如果（value.length>0）{
设置值（“”）
setGroupChatName（“”）
导航（'Message'，{value}）；
}
};
groupchatmotation=async（）=>{
constGroupChatDetails={groupChatName，currentUser}；
const newGroupChat=await API.graphql（graphqlOperation（createGroupChat，{GroupChatDetails}））；
log（JSON.stringify（newGroupChat））；
};
返回(
创建群组聊天名称
设置值（值）}
onChange={value=>setGroupChatName（value）}
/>
.......```