bounty还有4天到期。回答此问题可获得+200声望奖励。DevOverflow希望引起更多注意这个问题：需要一个解决方案来在注册时将用户添加到cognito用户池组

我有一个非常简单的注册表（电子邮件和密码），工作正常，直到我尝试添加新用户到一个用户池组。这是我的代码;我正在使用Next.js和Typescript以及AWS（Amplify / Cognito）。

import { Auth, Hub } from 'aws-amplify';
import { useRouter } from 'next/router';
import { useState } from 'react';

const SignupForm = () => {
  const router = useRouter();
  const [formState, setFormState] = useState({
    email: '',
    password: '', // Initialize with an empty string
  });

  const handleChange = e => {
    const { name, value } = e.target;

    setFormState(prevState => ({
      ...prevState,
      [name]: value,
    }));
  };

  const handleSubmit = async e => {
    e.preventDefault();

    try {
      const { email, password } = formState;

      const signUpResponse = await Auth.signUp({
        username: email,
        password,
        attributes: {
          email,
        },
      });

      const user = signUpResponse.user;

      await Auth.updateUserAttributes(user, {
        'cognito:groups': ['members'],
      });

      console.log('User added to the group:', userGroupResponse);

      router.push('/registered');
    } catch (error) {
      console.error('Error registering user:', error);
    }
  };

  return (
    <form onSubmit={handleSubmit}>
      <div>
        <label htmlFor="email">
          Email
        </label>
        <input
          type="email"
          id="email"
          name="email"
          value={formState.email}
          onChange={handleChange}
          required
        />
      </div>
      <div>
        <label htmlFor="password">
          Password
        </label>
        <input
          type="password"
          id="password"
          name="password"
          value={formState.password}
          onChange={handleChange}
          required
        />
      </div>
      <button type="submit">
        Register
      </button>
    </form>
  );
};

export default SignupForm;

请注意，它是

const user = signUpResponse.user;

      await Auth.updateUserAttributes(user, {
        'cognito:groups': ['members'],
      });

我可以注解掉，没有问题，但我想将其添加到用户池组“members”。错误显示在页面上，如下所示：

Unhandled Runtime Error
Error: Local storage is missing an ID Token, Please authenticate

Source
src/components/signup/SignupForm.tsx (37:12) @ Auth

  35 | const user = signUpResponse.user;
  36 | 
> 37 | await Auth.updateUserAttributes(user, {
     |      ^
  38 |   'cognito:groups': ['members'],
  39 | });

在控制台中：

CognitoUser.js:1148 Uncaught (in promise) Error: Local storage is missing an ID Token, Please authenticate
    at CognitoUser.getSession (CognitoUser.js:1148:1)
    at eval (Auth.js:1652:1)
    at new Promise (<anonymous>)
    at AuthClass.eval (Auth.js:1651:1)
    at step (tslib.es6.js:100:1)
    at Object.eval [as next] (tslib.es6.js:81:46)
    at eval (tslib.es6.js:74:1)
    at new Promise (<anonymous>)
    at __awaiter (tslib.es6.js:70:1)
    at AuthClass._userSession (Auth.js:1637:25)
    at AuthClass.userSession (Auth.js:1708:1)
    at eval (Auth.js:1254:1)
    at new Promise (<anonymous>)
    at AuthClass.updateUserAttributes (Auth.js:1253:1)
    at handleSubmit (SignupForm.tsx:37:13)

我已经检查了我的cognito设置，并启用了完整的读/写权限。用户池组“members”存在。并且用户是在没有用户池组代码的情况下创建的，所以我相信所有aws-exports等都是正确的。如果找不到解决方案，我可能不得不添加一个组作为属性，尽管这并不理想。
我相信可以通过设置一个lambda函数在注册后将用户添加到组中，但如果这是推荐的方法，我会感到惊讶，因为它似乎更复杂。