question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

withAuthenticator signUpConfig example

See original GitHub issue

When adding authentication using amplify add auth, it prompted me to select required fields. However, it didn’t build a signUpConfig, so I need to do that – without it, the sign up fails due to missing fields.

The documentation is missing 2 things:

  1. An example for customizing signUpConfig – ideally using withAuthenticator
  2. Elaboration around the signUpFields, especially things like type.
    • What are all of the possible values for type?
    • Which type value would be appropriate for Picture?

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Reactions:8
  • Comments:6

github_iconTop GitHub Comments

4reactions
awhitfordcommented, Apr 17, 2019

An example such as:


export default withAuthenticator(App, true, [], null, null, {
  signUpFields: [
    {
      label: "First Name",
      key: "name",
      placeholder: "First Name",
      required: true,
      displayOrder: 5
    },
    {
      label: "Last Name",
      key: "family_name",
      placeholder: "Last Name",
      required: true,
      displayOrder: 6
    }
  ]
});
0reactions
ramanasakcommented, Apr 9, 2020

An example such as:


export default withAuthenticator(App, true, [], null, null, {
  signUpFields: [
    {
      label: "First Name",
      key: "name",
      placeholder: "First Name",
      required: true,
      displayOrder: 5
    },
    {
      label: "Last Name",
      key: "family_name",
      placeholder: "Last Name",
      required: true,
      displayOrder: 6
    }
  ]
});

any attribute for reset password ?

Read more comments on GitHub >

github_iconTop Results From Across the Web

Authenticator - React Native - AWS Amplify Docs
The default implementation uses the Amplify UI styling, for an example of what that looks ... HOC: export default withAuthenticator(App, { signUpConfig });....
Read more >
How do I pass signUpConfig to Amplify's withAuthenticator ...
I am trying to create a react app using Typescript and AWS Amplify for user authentication. I want to limit the sign up...
Read more >
Customizing the authentication experience of Amplify's ...
For the purposes of this example I chose email and name. ... export default withAuthenticator(App, { signUpConfig: { hiddenDefaults: ...
Read more >
Avoid these AWS Amplify mistakes! - Andrei's Zgirvaci
authenticatorComponents.length > 0 } signUpConfig={this. ... Where in the withAuthenticator example, I can just specify a prop like this: ...
Read more >
AWS Amplify Authentication in React Native (Full tutorial)
... project 7:50 Configure Amplify library in our React Native project 9:42 Basic authentication using withAuthenticator () HOC 14:40 AWS ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found