Scrolling in my modal no longer works with cameraControls

i have switched from OrbitControls to CameraControls and the scrolling behavior in my modal when the text overlay no longer works

<OrbitControls 
      enableZoom={false} 
      enablePan={false} 
      enableDamping 
      dampingFactor={0.2} 
      autoRotate={false} 
      rotateSpeed={-0.5}
/>
<CameraControls
      azimuthRotateSpeed={-0.5}
      polarRotateSpeed={-0.5}
      enabled={true}
      ref={cameraControlsRef}
      dollySpeed={0.8}
      truckSpeed={0}
      minDistance={0.1}
      maxDistance={20}
    />```

<div className=" space-y-15 overflow-y-auto max-h-[44vh] md:max-h-[56vh]">
 <p className="px-4 mx-[2vh] text-lg md:text-lg lg:text-xl xl:text-2xl  4xl:text-5xl 5xl:text-6xl mb-[2vh]">
  {modal.text}
 </p>
</div>