Limit pan for scrollable chart

[abulenok]

I have a horizontally scrollable chart (enabled by using transformConfig={{ pinch: { enabled: false }, pan: { enabled: true, dimensions: 'x' } }} and enabling transformState). How can I limit scrolling to the chart figure bounds? I want the user to be unable to scroll further than the chart figure's limits.

[JennieCrowel]

I added this code to clip the left side of the chart - might be helpful.

useDerivedValue(() => {
    const {translateX, translateY, scaleX} = getTransformComponents(
      state.matrix.value,
    );
    if (translateX > 0) {
      const clampedMatrix = setTranslate(state.matrix.value, 0, translateY);
      state.matrix.value = clampedMatrix;
    }
  });