Animation is not looping even with range "disabled"

[theta-scholes]

<ShaderGradientCanvas
          pointerEvents="none"
          eventPrefix="client"
          className="pointer-events-none"
          style={{
            position: "absolute",
            pointerEvents: "none",
            top: "0%",
            left: "0%",
            width: "100%",
            height: "100%",
          }}
        >
          <ShaderGradient
            control="props"
            animate="on"
            brightness={0.2}
            cAzimuthAngle={0}
            cDistance={3.9}
            cPolarAngle={115}
            cameraZoom={1}
            color1={"#5606FF"}
            color2={"#FE8989"}
            color3={"#000000"}
            envPreset="city"
            frameRate={10}
            grain="off"
            lightType="3d"
            positionX={-0.5}
            positionY={0.1}
            positionZ={0}
            range="disabled"
            reflection={0.1}
            rotationX={0}
            rotationY={0}
            rotationZ={235}
            shader="defaults"
            type="waterPlane"
            uAmplitude={0}
            uDensity={1.1}
            uFrequency={5.5}
            uSpeed={0.04}
            uStrength={2.4}
            uTime={0.2}
            wireframe={false}
          />
        </ShaderGradientCanvas>

Here is my react object. As you can see range is disabled, but it still loops every 30 seconds or so. What am I doing wrong here ?