refactor: make errors access in formMethods.formState clearer

Author: Bentroen

apps/frontend/src/modules/song-edit/components/client/context/EditSong.context.tsx

@@ -57,10 +57,7 @@ export const EditSongProvider = ({
 
   const [originalData, setOriginalData] = useState<UploadSongDto | null>(null);
 
-  const {
-    register,
-    formState: { errors },
-  } = formMethods;
+  const { register } = formMethods;
 
   const router = useRouter();
 
@@ -331,7 +328,7 @@ export const EditSongProvider = ({
         instrumentSounds,
         setInstrumentSound,
         register,
-        errors,
+        errors: formMethods.formState.errors,
         song,
         sendError,
         isSubmitting,

apps/frontend/src/modules/song-upload/components/client/context/UploadSong.context.tsx

@@ -141,10 +141,7 @@ export const UploadSongProvider = ({
     },
   });
 
-  const {
-    register,
-    formState: { errors },
-  } = formMethods;
+  const { register } = formMethods;
 
   async function submitSongData(): Promise<void> {
     // Get song file from state
@@ -327,7 +324,7 @@ export const UploadSongProvider = ({
   const formContextValue: UploadSongFormContextType = {
     formMethods,
     register,
-    errors,
+    errors: formMethods.formState.errors,
     setFile: setFileHandler,
     setInstrumentSound,
     submitSong,