fix: added memoization for data provider callback

chaibuilder · Nov 26, 2024 · 28a895b · 28a895b
1 parent d9f11d1
commit 28a895b
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/core/components/canvas/static/AsyncPropsBlock.tsx b/src/core/components/canvas/static/AsyncPropsBlock.tsx
@@ -7,6 +7,10 @@ export default function AsyncPropsBlock(props: {
   block: ChaiBlock;
   dataProvider: (args: any) => any;
 }) {
-  const dataProps = useMemo(() => props?.dataProvider({ block: props.block }), [props]);
+  const { dataProvider, block } = props;
+  const dataProps = useMemo(() => {
+    if (!dataProvider) return {};
+    return dataProvider({ block });
+  }, [block, dataProvider]);
   return <Suspense>{React.createElement(props.component, { ...props.props, ...dataProps })}</Suspense>;
 }