fix: form crashing when no default country given (#282)

Author: HaithamDesouky

src/Fields/Input/index.js

@@ -7,7 +7,12 @@ import React from 'react'
 const Input = React.forwardRef(({ ...props }, ref) => {
   const { 'data-haserrors': haserrors } = props
   return (
-    <InputUI ref={ref} {...props} className={haserrors ? 'error-input' : ''} />
+    <InputUI
+      ref={ref}
+      sx={{ fontFamily: 'inherit' }}
+      {...props}
+      className={haserrors ? 'error-input' : ''}
+    />
   )
 })
 

src/Questions/Phone/index.js

@@ -15,9 +15,12 @@ const QuestionPhone = ({ isMobile, isoCode, question, useForm, ...props }) => {
   } = useForm
 
   const getDefaultCountry = () => {
-    if (question.defaultCountry && question.defaultCountry !== '')
+    if (
+      question?.defaultCountry &&
+      typeof question.defaultCountry === 'string'
+    ) {
       return question.defaultCountry.toUpperCase()
-
+    }
     if (isoCode) return isoCode.toUpperCase()
 
     return ''