I've an asp.net core with reactjs project, got this console error: "header.js:81 {"type":"https://tools.ietf.org/html/rfc7231#section-6.5.1","title":"One or more validation errors occurred.","status":400,"traceId":"00-d70b179d7175984dcf446aecb49e21aa-243517890fb27a86-00","errors":{"Email":["The Email field is required."],"Phone":["The Phone field is required."],"Password":["The Password field is required."],"Username":["The Username field is required."],"IpAddresses":["The IpAddresses field is required."],"MacAddresses":["The MacAddresses field is required."],"WalletNumber":["The WalletNumber field is required."]}}" from this form: "<Form
                        className="login-form"
                        initialValues={{
                            remember: true,
                            }}
                            onFinish={(formData) => onFinishs(formData)}
                    >
                        <Form.Item
                                name="username"
                            rules={[
                                {
                                    required: true,
                                    message: 'من فضلك أدخل إسم المُستخدم',
                                },
                                ]}
                        >
                            <Input size="large" prefix={<UserOutlined className="site-form-item-icon" />} placeholder="Username" />
                        </Form.Item>
                        <Form.Item
                            name="email"
                            rules={[
                                {
                                    required: true,
                                    message: 'من فضلك أدخل البريد الإلكتروني',
                                },
                                ]}
                        >
                            <Input size="large" prefix={<MailOutlined className="site-form-item-icon" />} placeholder="Example@email.com" />
                        </Form.Item>
                        <Form.Item
                            name="phone"
                            rules={[
                                {
                                    required: true,
                                    message: 'من فضلك أدخل رقم الهاتف',
                                },
                                ]}
                        >
                            <Input size="large" type="phone" prefix={<MobileOutlined className="site-form-item-icon" />} placeholder="+X XXX XXX XXXX" />
                        </Form.Item>
                        <Form.Item
                                name="walletNumber"
                            rules={[
                                {
                                    required: true,
                                    message: 'من فضلك أدخل رقم المحفظة',
                                },
                                ]}
                        >
                            <Input size="large" prefix={<WalletOutlined className="site-form-item-icon" />} placeholder="TBia4uHnb3oSSZm5isP284cA7Np1v15Vhi" />
                        </Form.Item>
                        <Form.Item
                            name="password"
                            rules={[
                                {
                                    required: true,
                                    message: 'من فضلك أدخل كلمة المرور',
                                },
                                ]}                               
                        >
                            <Input
                                prefix={<LockOutlined className="site-form-item-icon" />}
                                type="password"
                                size="large"
                                placeholder="كلمة المرور"
                            />
                        </Form.Item>
                        <Form.Item>
                                <Button loading={loadings[1]}
                                    onClick={() => enterLoading(1)} style={{ width: '100%' }} size="large" shape="round" icon={<UserAddOutlined />} type="primary" htmlType="submit" className="login-form-button">
                                تسجيل حساب
                            </Button>
                        </Form.Item>
                    </Form>" and this is it's function: "const onFinishs = (formData) => {
        handleSubmit(formData);
    };
const handleSubmit = async (formData) => {
        const ipAddresss = await getIPAddress();
        const registerRequest = new FormData();
        registerRequest.append('username', formData.username);
        registerRequest.append('password', formData.password);
        registerRequest.append('walletNumber', formData.walletNumber);
        registerRequest.append('macAddresses', '');
        registerRequest.append('ipAddresses', ipAddresss);
        registerRequest.append('phone', formData.phone);
        registerRequest.append('email', formData.email);
        try {
            const response = await fetch(`/api/user/register`, {
                method: 'POST',
                body: JSON.stringify(registerRequest),
                headers: {
                    'Content-Type': 'application/json'
                }
            });

            if (response.status === 400) {
                const data = await response.text();
                console.error(data);
            }

            const data = await response.json();

            message.success('تم إنشاء حسابك! أرسلنا رسالة تأكيد على بريدك');
            exitLoading(1);
            setOpen(false);
        } catch (error) {
            console.error('There was an error!', error);
            message.error('حدث خطأ يرجى المحاولة وقت اخر');
            exitLoading(1);
            setOpen(false);
        }
    };" figure out the issue and fix it.