razorness / vue3-calendar-heatmap

A lightweight calendar heatmap Vue 3 component built on SVG, inspired by julienr114's vue-calendar-heatmap and github's contribution calendar graph
https://razorness.github.io/vue3-calendar-heatmap
MIT License
90 stars 18 forks source link

Object.hasOwn is not a function #22

Open toniengelhardt opened 1 year ago

toniengelhardt commented 1 year ago

I'm getting a lot of these errors in my production app, but cannot reproduce locally.

Maybe the stack trace rings a bell?

Screenshot 2023-03-19 at 18 05 18
razorness commented 1 year ago

What browser/node version are you using?

Take a look at: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/hasOwn

Looks like you need at least Nodejs v16. Current LTS is v18.

toniengelhardt commented 1 year ago

Using v16.11.1 on Digital Ocean setup, will try to upgrade to v18 and report back.

razorness commented 1 year ago

I guess, this error came from tippy.js. I published a new version and moved tippy.js to peer dependency. Now you should have more control about bundling and its target.

toniengelhardt commented 1 year ago

I upgraded and added tippy 6.3.7 to my deps, now getting this:

Screenshot 2023-03-28 at 18 57 04

It's a dependency of tippy. Seems similar to the first issue, maybe some props are not passed correctly?