From 79dbdc27f62443b785b6f806775f98ecbf868d68 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 27 Mar 2024 15:14:36 +0100
Subject: [PATCH] chore(react/devtools): cleanup

---
 .../ReactFlowDevTools/ChangeLogger.tsx         | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

diff --git a/examples/react/src/examples/DevTools/ReactFlowDevTools/ChangeLogger.tsx b/examples/react/src/examples/DevTools/ReactFlowDevTools/ChangeLogger.tsx
index 7a137e33..4593ba28 100644
--- a/examples/react/src/examples/DevTools/ReactFlowDevTools/ChangeLogger.tsx
+++ b/examples/react/src/examples/DevTools/ReactFlowDevTools/ChangeLogger.tsx
@@ -10,7 +10,7 @@ type ChangeInfoProps = {
   change: NodeChange;
 };
 
-function ChangeInfo({ change, index }: ChangeInfoProps) {
+function ChangeInfo({ change }: ChangeInfoProps) {
   const id = 'id' in change ? change.id : '-';
   const { type } = change;
 
@@ -46,17 +46,15 @@ export default function ChangeLogger({ color = '#555', limit = 20 }: ChangeLogge
     const onNodesChangeLogger: OnNodesChange = (changes) => {
       userOnNodesChange(changes);
 
-      requestAnimationFrame(() => {
-        setChanges((c) => {
-          changes.forEach((change) => {
-            if (c.length >= limit) {
-              c.pop();
-            }
+      setChanges((c) => {
+        changes.forEach((change) => {
+          if (c.length >= limit) {
+            c.pop();
+          }
 
-            c = [change, ...c];
-          });
-          return c;
+          c = [change, ...c];
         });
+        return c;
       });
     };