From 344275811fc68fc375b4e4a8884ec528c8edd631 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 16 Feb 2021 12:26:00 +0100
Subject: [PATCH] refactor(nodeRenderer): add resize observer types

---
 src/container/NodeRenderer/index.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/container/NodeRenderer/index.tsx b/src/container/NodeRenderer/index.tsx
index 8b22d32b..1b88dcb2 100644
--- a/src/container/NodeRenderer/index.tsx
+++ b/src/container/NodeRenderer/index.tsx
@@ -30,8 +30,9 @@ const NodeRenderer = (props: NodeRendererProps) => {
   const nodes = useStoreState((state) => state.nodes);
   const updateNodeDimensions = useStoreActions((actions) => actions.updateNodeDimensions);
 
-  const viewportBox = useMemo(() => ({ x: 0, y: 0, width, height }), [width, height]);
-  const visibleNodes = props.onlyRenderVisibleElements ? getNodesInside(nodes, viewportBox, transform, true) : nodes;
+  const visibleNodes = props.onlyRenderVisibleElements
+    ? getNodesInside(nodes, { x: 0, y: 0, width, height }, transform, true)
+    : nodes;
 
   const transformStyle = useMemo(
     () => ({
@@ -45,8 +46,8 @@ const NodeRenderer = (props: NodeRendererProps) => {
       return null;
     }
 
-    return new ResizeObserver((entries) => {
-      const updates = entries.map((entry) => ({
+    return new ResizeObserver((entries: ResizeObserverEntry[]) => {
+      const updates = entries.map((entry: ResizeObserverEntry) => ({
         id: entry.target.getAttribute('data-id') as string,
         nodeElement: entry.target as HTMLDivElement,
       }));