diff --git a/components/elements/fields/renderSubFields.js b/components/elements/fields/renderSubFields.js index 5e5665d9..d6d087f1 100644 --- a/components/elements/fields/renderSubFields.js +++ b/components/elements/fields/renderSubFields.js @@ -1,4 +1,4 @@ -import React from "react"; +import React, { useEffect } from "react"; import { Field } from "redux-form"; import useTranslation from "next-translate/useTranslation"; import { RenderTextfield } from "./renderTextfield"; @@ -45,7 +45,11 @@ export const RenderSubFields = ({ return errors; }; - fields.length == 0 && fields.push({}); + useEffect(() => { + if (fields.length === 0) { + fields.push({}); + } + }, [fields, fields.length]); return (