Error when trying to create a React wrapper for the library

Hi, I found your library and I think it’s really cool! I’m trying to add it to a React project and I keep getting an error that Object(…) is not a function when calling the annotate function. I reproduced the behavior in a code sandbox. https://codesandbox.io/s/tender-river-k6d32?fontsize=14&hidenavigation=1&theme=dark

Idk what I’m doing wrong.

Thank you so much!

[pshihn]

Seems like your project/webpack settings are not picking up the ‘main’ file from the package.json.

Try doing this instead:

import { annotate } from "rough-notation/lib/rough-notation.cjs.js";

[kbravh]

However, it does cause the typing and intellisense suggestions to no longer function as expected.