* Fikset DollyFieldArray som ikke hadde samme values som formet

apps/dolly-frontend/src/main/js/src/components/ui/form/fieldArray/DollyFieldArray.tsx

@@ -6,7 +6,6 @@ import './dollyFieldArray.less'
 import { ErrorBoundary } from '@/components/ui/appError/ErrorBoundary'
 import styled from 'styled-components'
 import { useFieldArray, useFormContext } from 'react-hook-form'
-import { useEffect } from 'react'
 
 const numberColor = {
 	ARRAY_LEVEL_ONE: '#CCE3ED',
@@ -225,20 +224,12 @@ export const FormDollyFieldArray = ({
 	errorText = null,
 }) => {
 	const formMethods = useFormContext()
-	const { append, update, fields, remove } = useFieldArray({
+	const { append, remove } = useFieldArray({
 		control: formMethods.control,
 		name: name,
 	})
 
-	useEffect(() => {
-		// Noen ganger blir formet oppdatert utenfra via setValue,
-		// da vil denne sjekken sørge for at vi oppdaterer fields også
-		if (formMethods.watch(name).length !== fields.length) {
-			formMethods.watch(name).forEach((entry, idx) => {
-				update(idx, entry)
-			})
-		}
-	}, [fields])
+	const values = formMethods.watch(name) || []
 
 	const addNewEntry = () => {
 		handleNewEntry ? handleNewEntry() : append(newEntry)
@@ -248,8 +239,8 @@ export const FormDollyFieldArray = ({
 	return (
 		<ErrorBoundary>
 			<DollyFieldArrayWrapper header={header} hjelpetekst={hjelpetekst} nested={nested}>
-				{fields.map((curr, idx) => {
-					const showDeleteButton = canBeEmpty ? true : fields.length >= 2
+				{values.map((curr, idx) => {
+					const showDeleteButton = canBeEmpty ? true : values.length >= 2
 					const path = `${name}.${idx}`
 					const number = tag ? `${tag}.${idx + 1}` : `${idx + 1}`
 					const handleRemove = () => {
@@ -300,10 +291,10 @@ export const FormDollyFieldArray = ({
 				})}
 				{errorText && <FaError>{errorText}</FaError>}
 				<FieldArrayAddButton
-					hoverText={title || (maxEntries === fields.length && maxReachedDescription)}
+					hoverText={title || (maxEntries === values.length && maxReachedDescription)}
 					addEntryButtonText={buttonText || header}
 					onClick={addNewEntry}
-					disabled={disabled || maxEntries === fields.length}
+					disabled={disabled || maxEntries === values.length}
 				/>
 			</DollyFieldArrayWrapper>
 		</ErrorBoundary>