From 647f2f41e35895d5b1f104caafecf6988f3b3583 Mon Sep 17 00:00:00 2001
From: Chris Wesseling <chris@maykinmedia.nl>
Date: Wed, 6 Dec 2023 18:20:57 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=A5=94[open-formulieren/open-forms#3597]?=
 =?UTF-8?q?=20Fix=20validateOnChange?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

It still lags a bit, but it's close to on change. Small edits aren't
detected immediately.
---
 src/components/JSONEdit.tsx                        | 3 ++-
 src/components/builder/values/items-expression.tsx | 1 -
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/JSONEdit.tsx b/src/components/JSONEdit.tsx
index 633b6fdf..05ab7036 100644
--- a/src/components/JSONEdit.tsx
+++ b/src/components/JSONEdit.tsx
@@ -20,7 +20,7 @@ const JSONEdit: React.FC<JSONEditProps & TextareaHTMLAttributes<HTMLTextAreaElem
 
   const [value, setValue] = useState(dataAsJSON);
   const [JSONValid, setJSONValid] = useState(true);
-  const {setValues, setFieldValue} = useFormikContext();
+  const {setValues, setFieldValue, validateField} = useFormikContext();
 
   // if no name is provided, replace the entire form state, otherwise only set a
   // specific value
@@ -46,6 +46,7 @@ const JSONEdit: React.FC<JSONEditProps & TextareaHTMLAttributes<HTMLTextAreaElem
     }
 
     updateValue(updatedData);
+    name && validateField(name);
   };
   return (
     <>
diff --git a/src/components/builder/values/items-expression.tsx b/src/components/builder/values/items-expression.tsx
index 1cde90a4..53a16e3c 100644
--- a/src/components/builder/values/items-expression.tsx
+++ b/src/components/builder/values/items-expression.tsx
@@ -6,7 +6,6 @@ import {FormattedMessage} from 'react-intl';
 import JSONEdit from '@/components/JSONEdit';
 import {Component, Description} from '@/components/formio';
 import {BuilderContext} from '@/context';
-import {useValidationErrors} from '@/utils/errors';
 
 const NAME = 'openForms.itemsExpression';