fix: schema form verification error on nested objects

Author: marian2js

components/common/Forms/schema-form/SchemaForm.tsx

@@ -6,6 +6,7 @@ import { Button } from 'antd'
 import dayjs from 'dayjs'
 import localeData from 'dayjs/plugin/localeData'
 import weekday from 'dayjs/plugin/weekday'
+import _ from 'lodash'
 import Head from 'next/head'
 import { useEffect } from 'react'
 import { defaultPlan, plansConfig } from '../../../../src/constants/plans.config'
@@ -151,20 +152,21 @@ export const SchemaForm = ({
           formData = data.formData
         }}
         transformErrors={(errors) => {
+          console.log('errors: ', errors)
           return (
             errors
               // filter out errors on fields that have interpolation (foo is not a valid email but {{trigger.email}} might be)
               .filter((error) => {
                 if (error.property) {
-                  const value = formData[error.property.slice(1)] ?? ''
+                  const value = _.get(formData, error.property.slice(1)) ?? ''
                   return !hasInterpolation(value)
                 }
                 return true
               })
               // filter out errors for stringified numbers
               .filter((error) => {
                 if (error.property && ['should be number', 'should be integer'].includes(error.message ?? '')) {
-                  const value = formData[error.property.slice(1)]
+                  const value = _.get(formData, error.property.slice(1)) ?? ''
                   return !Number.isFinite(Number(value))
                 }
                 return true