src/component/Contact/Main.js

@@ -117,7 +117,7 @@ const Main = ({ brdcum }) => {
 
   //CALLS THE API AFTER COMPONENT LOADS
   useEffect(() => {
-    allCountry().then((data) => setCountries(Object.values(data.data)));
+    allCountry().then((data) => setCountries(Object.keys(data.data))).catch((err)=>console.log(err.message));
   }, []);
 
   // useEffect(() => {
@@ -251,10 +251,10 @@ const Main = ({ brdcum }) => {
 
                 <div className="form-group">
                   <textarea
-                    name="msg"
+                    name="message"
                     className="form-control"
                     placeholder="Your message"
-                    value={values.msg}
+                    value={values.message}
                     errorMessage='words have exceeded 350 characters!'
                     onChange={onChange}
                     maxLength={300}