Body scroll on React VectorMap devextreme component

I am using a devextreme VectorMap Component, i have disabled zoom and panning

zoomingEnabled={false}
panningEnabled={false}

My problem is that even if i scroll on my VectorMap i want the body scrolling. I have reproduced my case here in this codesandbox

As you can see if i scroll on the VectorMap the body is not scrolling, this is not happening if i do the same in the red section below.

How can i achieve the same behaviour?

  <VectorMap
    id="vector-map"
    title="Generic Map"
    zoomingEnabled={false}
    panningEnabled={false}
    onClick={(e) => console.log(e)}
  >
    <Layer
      dataSource={pangaeaContinents}
      name="areas"
      color="#bb7862"
    />
  </VectorMap>

Demo Codesandbox

from Body scroll on React VectorMap devextreme component