SuperTokens is an open source authentication solution offering features like: Different types of login: Email / password, Passwordless (OTP or Magic link based).

SuperTokens.com

Hi, is there a way to order custom form fields on signup (e.g. have name then email then password)?

See this: https://github.com/supertokens/supertokens-auth-react/issues/296

```
      override: {
        components: {
          EmailPasswordSignUpForm_Override: ({
            DefaultComponent,
            ...props
          }) => {
            return <div>HELLO WORLD</div>;
          },
        },
      },
```

Seems your PR is still open so they change you've suggested wont work.  Looking at the comment you link to in the PR - that implementation doesnt work any more either.  Also the interface has changed to `EmailPasswordSignUpForm_Override`.   However I would expect this to be the Auth Signup Component to now just render hello world, but this override doesn't seem to do any replacement of the form

So the PR is open, but the method in the comment should work.

Overriding components should work as well - did you check the name of the component from the react component inspector in inspect element?

The reason the PR is open is cause the css based method is not an ideal way of doing the reorder. But it does work

screen-shot-2022-09-03-at-11-10-04-pm

screen-shot-2022-09-03-at-11-10-53-pm

You can see it's not rendering the override

can you make sure that it builds and is not cached or something?

screenshot-2022-09-03-at-18-45-17

screenshot-2022-09-03-at-18-45-23

just tried it. Seems to work fine with the latest version of the SDK

Yeah it seemed the config was not getting picked for hot reload in the build

```
         EmailPasswordSignUp_Override: ({ DefaultComponent, ...props }) => {
            return (
              <DefaultComponent
                {...props}
                formFields={[
                  props.formFields.find(({id}) => id === 'name'),
                  props.formFields.find(({id}) => id === 'email'),
                  props.formFields.find(({id}) => id === 'password'),
                ]}
              />
            );
          },
```

This less css hack solution works nicely for me

screen-shot-2022-09-03-at-11-20-30-pm

hmm. Interesting! This is actually nice. Could you please comment this in the issue above?