chrisbonifacio
commented
3 years ago Hello @pgbradbury :wave: I think the issue here is that Auth.currentAuthenticatedUser is throwing an error so it's blocking your page and authenticator from rendering because there may not be a user currently logged in at first. I'm not very familiar with TS so I removed all the type references but here's what I did to getInitialProps to get it working. I basically just wrapped auth.currentAuthenticatedUser in a try/catch. This should allow your page to render instead of throwing an error on the server before it gets the chance to render.
static getInitialProps = async ({ Component, ctx }) => {
const auth = withSSRContext(ctx).Auth;
try {
const user = await auth.currentAuthenticatedUser();
console.log({ user });
return {
pageProps: {
...(Component.getInitialProps
? await Component.getInitialProps({
...ctx,
store,
})
: {
user,
}),
},
};
} catch (error) {
console.error(error);
}
};Now when I log in, I get this logged from the server
user: CognitoUser {
username: 'a042760e-9b68-425d-9ea1-fa2efa783acb',
pool: CognitoUserPool {
userPoolId: 'eu-west-1_xxxxxxx',
clientId: 'xxxxxxxxxxxxxxxxxxxxxx,
client: [Client],
advancedSecurityDataCollectionFlag: true,
storage: [UniversalStorage],
wrapRefreshSessionCallback: [Function (anonymous)]
},
Session: null,
client: Client {
endpoint: 'https://cognito-idp.eu-west-1.amazonaws.com/',
fetchOptions: {}
},
signInUserSession: CognitoUserSession {
idToken: [CognitoIdToken],
refreshToken: [CognitoRefreshToken],
accessToken: [CognitoAccessToken],
clockDrift: 0
},
authenticationFlowType: 'USER_SRP_AUTH',
storage: UniversalStorage {
cookies: [Cookies],
store: [Object: null prototype]
},
keyPrefix: 'CognitoIdentityServiceProvider.XXXXXXXXXXXXXX',
userDataKey: 'CognitoIdentityServiceProvider.XXXXXXXXXXXXXXXXXXX.userData',
attributes: {
sub: 'a042760e-9b68-425d-9ea1-fa2efa783acb',
email_verified: true,
phone_number_verified: false,
phone_number: '+15558085788',
email: 'chris.github@gmail.com'
},
preferredMFA: 'NOMFA'
}
},My page props logged from client
{
pageProps: {
user: CognitoUser {
username: 'a042760e-9b68-425d-9ea1-fa2efa783acb',
pool: [CognitoUserPool],
Session: null,
client: [Client],
signInUserSession: [CognitoUserSession],
authenticationFlowType: 'USER_SRP_AUTH',
storage: [UniversalStorage],
keyPrefix: 'CognitoIdentityServiceProvider.XXXXXXXXXXXXX',
userDataKey: 'CognitoIdentityServiceProvider.XXXXXXXXXXXX.userData',
attributes: [Object],
preferredMFA: 'NOMFA'
}
}
}
pgbradbury
github-actions[bot]
Before opening, please confirm:
JavaScript Framework
React, Next.js
Amplify APIs
Authentication
Amplify Categories
auth
Environment information
Describe the bug
AWS Support asked me to raise this here as they can't find a solution and will escalate to you.
I am building a Typescript/Next.js/React/Redux app and I am trying to pass the user object via the props from the _app.tsx page
I get a
The user is not authenticatederror when callingcurrentAuthenticatedUser(). I am not using federated login.Expected behavior
The user object is returned with the logged in user.
Reproduction steps
It happens as soon as you navigate to the base URL of the app.
Code Snippet
Log output
aws-exports.js
Manual configuration
No response
Additional configuration
No response
Mobile Device
No response
Mobile Operating System
No response
Mobile Browser
No response
Mobile Browser Version
No response
Additional information and screenshots
Package.json is the following