//constructor que he inicializado antes solamente.
const [groupChatName, setGroupChatName] = useState();// parte actualizada donde los valores muestran que no está definido y está cambiando de no controlado a controlado
<FormControl d="flex"> <Input placeholder="Group Name" mb={3} value={groupChatName} onChange={(e) => setGroupChatName(e.target.value)} /> <Button variant="solid" colorScheme="teal" ml={1} isLoading={renameloading} onClick={handleRename} > Update </Button> </FormControl>Utilice el atributo defaultValue={groupChatName} en lugar del atributo de value . Puede hacer referencia a los documentos aquí... componentes no controlados
Espero que esto haya ayudado 😁
Está pasando undefined a la propiedad de valor en el componente de Input y luego cambiándolo a cadena al cambiar.
Proporcione un valor inicial en useState
const [groupChatName, setGroupChatName] = useState("");