diff --git a/packages/cubejs-playground/src/QueryBuilderV2/hooks/query-builder.ts b/packages/cubejs-playground/src/QueryBuilderV2/hooks/query-builder.ts index 579ad522bd792..0f7a879c051c9 100644 --- a/packages/cubejs-playground/src/QueryBuilderV2/hooks/query-builder.ts +++ b/packages/cubejs-playground/src/QueryBuilderV2/hooks/query-builder.ts @@ -129,6 +129,10 @@ export function useQueryBuilder(props: UseQueryBuilderProps) { onQueryChange, } = props; + const onQueryChangeStable = useEvent((...args: Parameters>) => { + onQueryChange?.(...args); + }); + function queryValidation(query: Query) { let validatedQuery = validateQuery(query); @@ -1024,7 +1028,7 @@ export function useQueryBuilder(props: UseQueryBuilderProps) { }, [queryHash, chartType, meta]); useEffect(() => { - onQueryChange?.({ query, chartType, pivotConfig }); + onQueryChangeStable({ query, chartType, pivotConfig }); }, [queryHash, chartType, pivotConfig]); // Update invalidation markers