From fe94dbc8e0ba53e2529f2788520defa3425cc3be Mon Sep 17 00:00:00 2001
From: Leander Furumo <leander@furumo.eu>
Date: Mon, 1 Jul 2024 23:05:18 +0200
Subject: [PATCH] display register api field errors in form

---
 src/modules/register/useUserRegister.js | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/modules/register/useUserRegister.js b/src/modules/register/useUserRegister.js
index c6ff23c..2132b4b 100644
--- a/src/modules/register/useUserRegister.js
+++ b/src/modules/register/useUserRegister.js
@@ -23,6 +23,7 @@ const useUserRegister = () => {
     handleSubmit,
     formState: { errors, isValid },
     setFocus,
+    setError,
   } = useForm();
   const onSubmit = handleSubmit((values) => {
     if (!isValid) {
@@ -36,6 +37,11 @@ const useUserRegister = () => {
     }
 
     dispatch(requestRegisterUser(values));
+
+    // Display error messages from API on form fields
+    for (const key in registerError) {
+      setError(key, { type: 'manual', message: registerError[key] });
+    }
   });
 
   useEffect(() => {