Getting error when panning "ERROR TypeError: Cannot set property 'font' of null" in chartjs-pluggin-zoom

Question

I am getting error in console
"ERROR TypeError: Cannot set property 'font' of null" while i am panning in any direction(x/y).

Also my x-axis labels also get disloacted when i pan(i think this is because of error).

i want zoom and pan as smooth as in this link-

pan: {
      enabled: true,
      mode: "xy",
    },
    zoom: {
      enabled: true,
      drag: false,
      mode: "xy",
 }

i have created a stackblitz of my code.