Image Offset not getting set

[DanielSpindler]

Hey im using the hotspots in a Next.js client component and im running in an issue

'use client';

import ImageHotspots from 'react-image-hotspots';

export default () => {
  return (
    <ImageHotspots
      src="https://www.gstatic.com/webp/gallery/5.jpg"
      alt="sample"
      hideFullscreenControl={true}
      hideZoomControls={true}
      hotspots={[{ x: 10, y: 30, content: <a href="/">Test</a> }]}
    />
  );
};

The image itself is displayed the relative container for the links gets this class
'position:absolute;right:auto;margin:auto;pointer-events:none'
this is what i would expect:
'position: absolute; right: 0px; margin: auto; pointer-events: none; top: 0px; left: 0px; width: 423.489px; height: 311px;'

long story short : the links are in the html, but the parent container is size 0x0 and i cant find out why. looks like the height/width is not set. Maybe anyone knows whats going on