import React from 'react';
import { useForm } from '@tanstack/react-form';
import { z } from 'zod';
import LoginForm from '../../../components/Forms/Login';
export const loginSchema = z.object({
email: z.string().email('Invalid email'),
password: z.string().min(6, 'Password must be at least 6 characters'),
});
export type LoginValues = z.infer<typeof loginSchema>;
const LoginContainer: React.FC = () => {
const form = useForm({
defaultValues: {
email: '',
password: '',
},
onSubmit: async ({ value }: { value: LoginValues }) => {
console.log('Form submitted:', value);
},
validators: {
onSubmit: loginSchema,
},
});
console.log('Form state:', typeof form);
return <LoginForm form={form as any} />;
};
export default LoginContainer;
import React from 'react';
import { useForm } from '@tanstack/react-form';
import { z } from 'zod';
import LoginForm from '../../../components/Forms/Login';
export const loginSchema = z.object({
email: z.string().email('Invalid email'),
password: z.string().min(6, 'Password must be at least 6 characters'),
});
export type LoginValues = z.infer<typeof loginSchema>;
const LoginContainer: React.FC = () => {
const form = useForm({
defaultValues: {
email: '',
password: '',
},
onSubmit: async ({ value }: { value: LoginValues }) => {
console.log('Form submitted:', value);
},
validators: {
onSubmit: loginSchema,
},
});
console.log('Form state:', typeof form);
return <LoginForm form={form as any} />;
};
export default LoginContainer;