REST API call not taking place when Auth & API used simultaneously inside Amplify.configure block. Page needs to be re-loaded manually to get data on the page after authentication.

Post authentication React page is getting stuck with loading status as REST API call is not taking place and hence page needs to get re-loaded manually for REST API call to take place. There are no suggestions on how to handle both Auth & REST API call manually in Amplify.configure block. Tried using the suggested methods on - https://docs.amplify.aws/lib/graphqlapi/create-or-re-use-existing-backend/q/platform/js#using-openid_connect , but no luck. Can someone please suggest an alternative or suggest on how to get this fixed.

Amplify.configure({

  Auth: {
    region: 'us-east-1',
    userPoolId: process.env.REACT_APP_USERPOOL_ID,
    userPoolWebClientId: process.env.REACT_APP_USERPOOL_WEB_CLIENT_ID,

    oauth: {
      "domain": "xxxxx-dev.auth.us-east-1.amazoncognito.com",
      "scope": [
          "phone",
          "email",
          "openid",
          "profile",
          "aws.cognito.signin.user.admin"
      ],
      "redirectSignIn": "http://localhost:3000/",
      "redirectSignOut": "http://localhost:3000/",
      "responseType": "code",
    }
  },  

  API: {
    endpoints: [
      {
        name: "MyAPIGatewayAPI",
        endpoint: process.env.REACT_APP_APIG_ENDPOINT,
        region: 'us-east-1',
        custom_header: async () => {
          return { Authorization: (await Auth.currentSession()).idToken.jwtToken }; 
        }
      }
    ]
  }
  }); 
  

[ranopriyo-neogy]

Thanks a ton @amhinson , upgrading the versions fixed the Loading issue.

[github-actions[bot]]

This issue has been automatically locked since there hasn’t been any recent activity after it was closed. Please open a new issue for related bugs.

Looking for a help forum? We recommend joining the Amplify Community Discord server *-help channels or Discussions for those types of questions.