[charts] Remove useMemo from isZoomOn*Enabled and isPanOn*Enabled hooks (#20132)

Co-authored-by: copilot-swe-agent[bot] <[email protected]>
Co-authored-by: JCQuintas <[email protected]>

Author: Copilot

packages/x-charts-pro/src/internals/plugins/useChartProZoom/gestureHooks/usePanOnDrag.ts

@@ -26,10 +26,8 @@ export const usePanOnDrag = (
   const startRef = React.useRef<readonly ZoomData[]>(null);
   const config = useSelector(store, selectorPanInteractionConfig, ['drag' as const]);
 
-  const isPanOnDragEnabled: boolean = React.useMemo(
-    () => (Object.values(optionsLookup).some((v) => v.panning) && Boolean(config)) || false,
-    [optionsLookup, config],
-  );
+  const isPanOnDragEnabled: boolean =
+    Object.values(optionsLookup).some((v) => v.panning) && Boolean(config);
 
   React.useEffect(() => {
     if (!isPanOnDragEnabled) {

packages/x-charts-pro/src/internals/plugins/useChartProZoom/gestureHooks/usePanOnPressAndDrag.ts

@@ -26,10 +26,8 @@ export const usePanOnPressAndDrag = (
   const startRef = React.useRef<readonly ZoomData[]>(null);
   const config = useSelector(store, selectorPanInteractionConfig, ['pressAndDrag' as const]);
 
-  const isPanOnPressAndDragEnabled: boolean = React.useMemo(
-    () => (Object.values(optionsLookup).some((v) => v.panning) && Boolean(config)) || false,
-    [optionsLookup, config],
-  );
+  const isPanOnPressAndDragEnabled: boolean =
+    Object.values(optionsLookup).some((v) => v.panning) && Boolean(config);
 
   React.useEffect(() => {
     if (!isPanOnPressAndDragEnabled) {

packages/x-charts-pro/src/internals/plugins/useChartProZoom/gestureHooks/useZoomOnBrush.ts

@@ -25,10 +25,7 @@ export const useZoomOnBrush = (
   const optionsLookup = useSelector(store, selectorChartZoomOptionsLookup);
   const config = useSelector(store, selectorZoomInteractionConfig, ['brush' as const]);
 
-  const isZoomOnBrushEnabled: boolean = React.useMemo(
-    () => (Object.keys(optionsLookup).length > 0 && Boolean(config)) || false,
-    [optionsLookup, config],
-  );
+  const isZoomOnBrushEnabled: boolean = Object.keys(optionsLookup).length > 0 && Boolean(config);
 
   React.useEffect(() => {
     instance.setZoomBrushEnabled(isZoomOnBrushEnabled);

packages/x-charts-pro/src/internals/plugins/useChartProZoom/gestureHooks/useZoomOnDoubleTapReset.ts

@@ -20,10 +20,8 @@ export const useZoomOnDoubleTapReset = (
   const optionsLookup = useSelector(store, selectorChartZoomOptionsLookup);
   const config = useSelector(store, selectorZoomInteractionConfig, ['doubleTapReset' as const]);
 
-  const isZoomOnDoubleTapResetEnabled: boolean = React.useMemo(
-    () => (Object.keys(optionsLookup).length > 0 && Boolean(config)) || false,
-    [optionsLookup, config],
-  );
+  const isZoomOnDoubleTapResetEnabled: boolean =
+    Object.keys(optionsLookup).length > 0 && Boolean(config);
 
   React.useEffect(() => {
     if (!isZoomOnDoubleTapResetEnabled) {

packages/x-charts-pro/src/internals/plugins/useChartProZoom/gestureHooks/useZoomOnPinch.ts

@@ -31,10 +31,7 @@ export const useZoomOnPinch = (
   const optionsLookup = useSelector(store, selectorChartZoomOptionsLookup);
   const config = useSelector(store, selectorZoomInteractionConfig, ['pinch' as const]);
 
-  const isZoomOnPinchEnabled: boolean = React.useMemo(
-    () => (Object.keys(optionsLookup).length > 0 && Boolean(config)) || false,
-    [optionsLookup, config],
-  );
+  const isZoomOnPinchEnabled: boolean = Object.keys(optionsLookup).length > 0 && Boolean(config);
 
   React.useEffect(() => {
     if (!isZoomOnPinchEnabled) {

packages/x-charts-pro/src/internals/plugins/useChartProZoom/gestureHooks/useZoomOnTapAndDrag.ts

@@ -31,10 +31,8 @@ export const useZoomOnTapAndDrag = (
   const optionsLookup = useSelector(store, selectorChartZoomOptionsLookup);
   const config = useSelector(store, selectorZoomInteractionConfig, ['tapAndDrag' as const]);
 
-  const isZoomOnTapAndDragEnabled: boolean = React.useMemo(
-    () => (Object.keys(optionsLookup).length > 0 && Boolean(config)) || false,
-    [optionsLookup, config],
-  );
+  const isZoomOnTapAndDragEnabled: boolean =
+    Object.keys(optionsLookup).length > 0 && Boolean(config);
 
   React.useEffect(() => {
     if (!isZoomOnTapAndDragEnabled) {

packages/x-charts-pro/src/internals/plugins/useChartProZoom/gestureHooks/useZoomOnWheel.ts

@@ -33,10 +33,7 @@ export const useZoomOnWheel = (
   const startedOutsideTimeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);
   const config = useSelector(store, selectorZoomInteractionConfig, ['wheel' as const]);
 
-  const isZoomOnWheelEnabled: boolean = React.useMemo(
-    () => (Object.keys(optionsLookup).length > 0 && Boolean(config)) || false,
-    [optionsLookup, config],
-  );
+  const isZoomOnWheelEnabled: boolean = Object.keys(optionsLookup).length > 0 && Boolean(config);
 
   React.useEffect(() => {
     if (!isZoomOnWheelEnabled) {