amplify-js: Oauth Social login success but cannot authenticated user

# Put output below this line


  System:
    OS: macOS 11.4
    CPU: (8) x64 Intel(R) Core(TM) i5-8259U CPU @ 2.30GHz
    Memory: 797.84 MB / 16.00 GB
    Shell: 5.8 - /bin/zsh
  Binaries:
    Node: 15.5.1 - /usr/local/bin/node
    Yarn: 1.22.10 - /usr/local/bin/yarn
    npm: 7.3.0 - /usr/local/bin/npm
  Browsers:
    Chrome: 92.0.4515.131
    Safari: 14.1.1
  npmPackages:
    @ampproject/toolbox-optimizer:  undefined ()
    @aws-amplify/cli: ^5.1.2 => 5.1.2 
    @babel/core:  undefined ()
    @babel/plugin-proposal-class-properties: ^7.13.0 => 7.13.0 (7.14.5)
    @babel/plugin-proposal-decorators: ^7.13.15 => 7.13.15 
    @emotion/babel-plugin: ^11.2.0 => 11.2.0 (11.3.0)
    @emotion/core: ^11.0.0 => 11.0.0 (10.1.1)
    @emotion/react: ^11.1.5 => 11.1.5 
    @emotion/styled: ^11.3.0 => 11.3.0 
    @types/node: ^14.14.37 => 14.14.37 (12.20.15, 14.14.41)
    @types/react: ^17.0.3 => 17.0.3 
    @types/react-cookies: ^0.1.0 => 0.1.0 
    @types/uuid: ^8.3.0 => 8.3.0 
    @typescript-eslint/eslint-plugin: ^4.19.0 => 4.19.0 
    amphtml-validator:  undefined ()
    arg:  undefined ()
    async-retry:  undefined ()
    async-sema:  undefined ()
    aws-amplify: ^4.2.1 => 4.2.1 
    babel-plugin-transform-typescript-metadata: ^0.3.2 => 0.3.2 
    bfj:  undefined ()
    cacache:  undefined ()
    cache-loader:  undefined ()
    ci-info:  undefined ()
    comment-json:  undefined ()
    compression:  undefined ()
    conf:  undefined ()
    content-type:  undefined ()
    cookie:  undefined ()
    cookie-cutter: ^0.2.0 => 0.2.0 
    core-decorators: ^0.20.0 => 0.20.0 
    css-loader:  undefined ()
    debug:  undefined ()
    devalue:  undefined ()
    emotion: ^11.0.0 => 11.0.0 
    escape-string-regexp:  undefined ()
    eslint: 7.2.0 => 7.2.0 (7.23.0)
    eslint-config-airbnb-typescript: ^12.3.1 => 12.3.1 
    eslint-config-prettier: ^8.1.0 => 8.1.0 
    eslint-import-resolver-typescript: ^2.4.0 => 2.4.0 
    eslint-plugin-import: 2.22.1 => 2.22.1 
    eslint-plugin-jsx-a11y: 6.4.1 => 6.4.1 
    eslint-plugin-prettier: ^3.3.1 => 3.3.1 
    eslint-plugin-react: 7.21.5 => 7.21.5 
    eslint-plugin-react-hooks: ^4.2.0 => 4.2.0 
    file-loader:  undefined ()
    find-cache-dir:  undefined ()
    find-up:  undefined ()
    formik: ^2.2.9 => 2.2.9 
    fresh:  undefined ()
    global: ^4.4.0 => 4.4.0 
    gzip-size:  undefined ()
    http-proxy:  undefined ()
    ignore-loader:  undefined ()
    is-animated:  undefined ()
    is-docker:  undefined ()
    is-wsl:  undefined ()
    json5:  undefined ()
    jsonwebtoken:  undefined ()
    loader-utils:  undefined ()
    lodash.curry:  undefined ()
    lru-cache:  undefined ()
    memo-parser:  0.2.1 
    mobx: ^6.2.0 => 6.2.0 
    mobx-react: ^7.2.0 => 7.2.0 
    nanoid:  undefined ()
    neo-async:  undefined ()
    new-plugin-package:  1.0.0 
    next: ^10.0.9 => 10.0.9 
    next-cookies: ^2.0.3 => 2.0.3 
    ora:  undefined ()
    postcss-flexbugs-fixes:  undefined ()
    postcss-loader:  undefined ()
    postcss-preset-env:  undefined ()
    postcss-scss:  undefined ()
    prettier: ^2.2.1 => 2.2.1 (1.19.1)
    prettier-eslint: ^12.0.0 => 12.0.0 
    react: ^17.0.2 => 17.0.2 
    react-cookie: ^4.0.3 => 4.0.3 
    react-dom: ^17.0.2 => 17.0.2 
    react-helmet: ^6.1.0 => 6.1.0 
    react-messenger-customer-chat: ^0.8.0 => 0.8.0 
    react-script-tag: ^1.1.2 => 1.1.2 
    react-select: ^4.3.0 => 4.3.0 
    react-slick: ^0.28.1 => 0.28.1 
    react-toast-notifications: ^2.4.3 => 2.4.3 
    recast:  undefined ()
    reflect-metadata: ^0.1.13 => 0.1.13 
    remove: ^0.1.5 => 0.1.5 
    resolve-url-loader:  undefined ()
    sass-loader:  undefined ()
    schema-utils:  undefined ()
    semver:  undefined ()
    send:  undefined ()
    slick-carousel: ^1.8.1 => 1.8.1 
    source-map:  undefined ()
    string-hash:  undefined ()
    strip-ansi:  undefined ()
    stylelint: ^13.12.0 => 13.12.0 
    stylelint-config-standard: ^21.0.0 => 21.0.0 
    stylelint-config-styled-components: ^0.1.1 => 0.1.1 
    stylelint-order: ^4.1.0 => 4.1.0 
    stylelint-processor-styled-components: ^1.10.0 => 1.10.0 
    stylelint-scss: ^3.19.0 => 3.19.0 
    terser:  undefined ()
    text-table:  undefined ()
    thread-loader:  undefined ()
    typescript: ^4.2.3 => 4.2.3 (3.9.10, 3.9.9)
    unistore:  undefined ()
    url-loader: ^4.1.1 => 4.1.1 
    web-vitals:  undefined ()
    webpack:  undefined ()
    webpack-sources:  undefined ()
    yup: ^0.32.9 => 0.32.9 
    zen-observable: ^0.8.15 => 0.8.15 (0.7.1)
  npmGlobalPackages:
    @aws-amplify/cli: 4.41.0
    npm: 7.3.0
    yarn: 1.22.10

</details>


### Describe the bug

Although oauth social login is successful and user information is put into userpool,"Uncaught (in promise) The user is not authenticated" error occurs.

Facebook is redirected to https://www.tintinlive.vn/#_=_.

Google is redirected to https://tintinlive/#.

### Expected behavior

User authentication and login must be successful with the redirection link running correctly.


### Reproduction steps

On the login page, click each social login button and go home through the redirection link.


### Code Snippet

```javascript
// Put your code below this line.


  function loginWithGoogle() {
    Auth.federatedSignIn({ provider: CognitoHostedUIIdentityProvider.Google });
    setCookie('socialUser', 'social');
  }

  function loginWithFacebook() {
    Auth.federatedSignIn({ provider: CognitoHostedUIIdentityProvider.Facebook });
    setCookie('socialUser', 'social');
  }


 <>
      <FormWrapper name='form' onSubmit={formik.handleSubmit}>
        <Self>
          <Layout>
            <SocialBlock>
              <FacebookDiv onClick={loginWithFacebook}>
                <SocialFacebook />
                <SocialTextFacebook>Login with Facebook</SocialTextFacebook>
              </FacebookDiv>
              <GoogleDiv onClick={loginWithGoogle}>
                <SocialGoogle />
                <SocialTextGoogle>Login with Google</SocialTextGoogle>
              </GoogleDiv>
            </SocialBlock>
          </Layout>
        </Self>


    </>
  );

### Log output

<details>

// Put your logs below this line

Uncaught (in promise) The user is not authenticated