From ebb98bc433fa67fa887ce93ddb0862bcfbebb908 Mon Sep 17 00:00:00 2001
From: Tupitckiy ILya N <fenderil@yandex.ru>
Date: Thu, 2 Feb 2023 01:32:05 +0300
Subject: [PATCH] fix: Proxy to defineProperty in ApiFormState

Change Proxy in ApiFormState to defineProperty's get descriptor since v7.13.0
---
 src/components/ApiFormState.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/ApiFormState.tsx b/src/components/ApiFormState.tsx
index 741e5d9b1..956d8885a 100644
--- a/src/components/ApiFormState.tsx
+++ b/src/components/ApiFormState.tsx
@@ -28,11 +28,11 @@ export default React.memo(
             <p>
               <code>formState</code> is wrapped with a{" "}
               <a
-                href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy"
+                href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty"
                 target="_blank"
                 rel="noopener noreferrer"
               >
-                Proxy
+                defineProperty's <code>get</code> descriptor
               </a>{" "}
               to improve render performance and skip extra logic if specific
               state is not subscribed to. Therefore make sure you invoke or read
@@ -71,7 +71,7 @@ export default React.memo(
 
             <CodeArea
               rawData={`// ❌ formState.isValid is accessed conditionally, 
-// so the Proxy does not subscribe to changes of that state
+// so the formState with get descriptor does not subscribe to changes of that state
 return <button disabled={!formState.isDirty || !formState.isValid} />;
   
 // ✅ read all formState values to subscribe to changes