Adding sign up extra fields
[ Wasp ] src/auth/SignupPage.tsx(26,13): error TS2353: Object literal may only specify known properties, and 'recaptchaToken' does
not exist in type 'AdditionalSignupFields'.
[ Wasp ] src/auth/signup.ts(17,3): error TS2322: Type '(data: SignupData) => Promise<string>' is not assignable to type 'FieldGetter<string | null | undefined>'.
[ Wasp ] Types of parameters 'data' and 'data' are incompatible.
[ Wasp ] Type '{ [key: string]: unknown; }' is missing the following properties from type 'SignupData': email, password
main.wasp:
userSignupFields: import { userSignupFields } from "@src/auth/signup",
},
signup:
import { defineUserSignupFields } from 'wasp/server/auth';
type RecaptchaResponse = {
success: boolean;
challenge_ts: string;
hostname: string;
'error-codes'?: string[];
}
type SignupData = {
email: string;
password: string;
recaptchaToken?: string;
}
export const userSignupFields = defineUserSignupFields({
email: async (data: SignupData) => {
if (!data.email) {
throw new Error('Email is required');
}
return data.email;
},
password: async (data: SignupData) => {
if (!data.password) {
//some logic
}
return data.password;
},
recaptchaToken: async (data: { [key: string]: unknown }) => {
const token = data.recaptchaToken as string | undefined;
if (!token) {
throw new Error('reCAPTCHA verification is required');
}
try {
const verifyUrl = 'https://www.google.com/recaptcha/api/siteverify';
const params = new URLSearchParams({
secret: process.env.GOOGLE_RECAPTCHA_SECRET_KEY!,
response: token
});
const response = await fetch(
method: 'POST
}
});
not exist in type 'AdditionalSignupFields'.
[ Wasp ] src/auth/signup.ts(17,3): error TS2322: Type '(data: SignupData) => Promise<string>' is not assignable to type 'FieldGetter<string | null | undefined>'.
[ Wasp ] Types of parameters 'data' and 'data' are incompatible.
[ Wasp ] Type '{ [key: string]: unknown; }' is missing the following properties from type 'SignupData': email, password
main.wasp:
userSignupFields: import { userSignupFields } from "@src/auth/signup",
},
signup:
import { defineUserSignupFields } from 'wasp/server/auth';
type RecaptchaResponse = {
success: boolean;
challenge_ts: string;
hostname: string;
'error-codes'?: string[];
}
type SignupData = {
email: string;
password: string;
recaptchaToken?: string;
}
export const userSignupFields = defineUserSignupFields({
email: async (data: SignupData) => {
if (!data.email) {
throw new Error('Email is required');
}
return data.email;
},
password: async (data: SignupData) => {
if (!data.password) {
//some logic
}
return data.password;
},
recaptchaToken: async (data: { [key: string]: unknown }) => {
const token = data.recaptchaToken as string | undefined;
if (!token) {
throw new Error('reCAPTCHA verification is required');
}
try {
const verifyUrl = 'https://www.google.com/recaptcha/api/siteverify';
const params = new URLSearchParams({
secret: process.env.GOOGLE_RECAPTCHA_SECRET_KEY!,
response: token
});
const response = await fetch(
${verifyUrl}?${params.toString()}method: 'POST
}
});
