```tsx
<form
                className="flex flex-col gap-2"
                onClick={(e) => {
                  e.preventDefault()
                }}>
                <form.Field
                  name="email"
                  children={(field) => {
                    return (
                      <div className="grid gap-2">
                        <Input
                          id="email"
                          type="email"
                          name="email"
                          autoComplete="email"
                          required={true}
                          formNoValidate={true}
                          placeholder={FORM_LABELS.email}
                          value={field.state.value}
                          onChange={(e) => field?.handleChange(e.target.value)}
                        />
                        <FieldInfo fieldMeta={field.state.meta} />
                      </div>
                    )
                  }}
                />

                <form.Field
                  name="password"
                  children={(field) => {
                    return (
                      <div className="grid gap-2">
                        <Input
                          id="password"
                          type="password"
                          name="password"
                          required={true}
                          value={field.state.value}
                          placeholder={FORM_LABELS.password}
                          autoComplete="new-password"
                          onChange={(e) => field?.handleChange(e.target.value)}
                        />
                        <FieldInfo fieldMeta={field.state.meta} />
                      </div>
                    )
                  }}
                />
                <form.Field
                  name="rePassword"
                  children={(field) => {
                    return (
                      <div className="grid gap-2">
                        <Input
                          id="rePassword"
                          type="password"
                          name="confirm_password"
                          required={true}
                          placeholder={FORM_LABELS.rePassword}
                          value={field.state.value}
                          onChange={(e) => field?.handleChange(e.target.value)}
                          autoComplete="new-password"
                        />
                        <FieldInfo fieldMeta={field.state.meta} />
                      </div>
                    )
                  }}
                />
                <div>{renderCaptcha()}</div>
              </form>
              <form.Subscribe
                selector={(state) => state.isValid && !state.isPristine}
                children={(canSubmit) => (
                  <div className="flex flex-col gap-3">
                    <Button
                      className="w-full"
                      onClick={form.handleSubmit}
                      disabled={!canSubmit || !token}>
                      {FORM_LABELS.submit}
                    </Button>
                    <Button
                      variant="outline"
                      className="w-full"
                      onClick={() => setCurrentForm(FORM_TYPES.LOGIN)}>
                      {FORM_LABELS.back}
                    </Button>
                  </div>
                )}
              />
```