CustomElementRegistry repeat registration error

I am using the googlemaps/extended-component-library to use two web components those being the APILoader and the PlacePicker components,

When i run my application it throws these errors:

'CustomElementRegistry' already has "gmpx-api-loader" defined. 
 ReferenceError: HTMLDivElement is not defined
    at __webpack_require__ (C:UsersuserDesktopDevelopmentProduct-Shop.nextserverwebpack-runtime.js:33:42) 

Steps to reproduce:

  1. create next app
  2. install googlemaps/extended-component-library
  3. import APILoader and PlacePicker components from googlemaps/extended-component-library and use them in your application
  4. provide APILoader with google api key
  5. run your application

From googling i have not found anyone with a similar problem or solution