Unable to import Bezier: 'Bezier' is not exported from 'bezier-js'.

[baughmann]

Description

1. Created a new React application with create-react-app using the typescript template
   • Removed unnecessary packages and files
2. Added bezier-js via npm
3. Added declare module "bezier-js" to react-app-env.d.ts
4. Added the following to index.tsx:

   import { Bezier } from "bezier-js";
   // ...
   const it = new Bezier();
   console.log(it);
   

5. Am greeted by contents of the attached screenshot:

Steps to reproduce

The following steps will assist you in cloning the reproducible example project.

1. git clone https://github.com/baughmann/bezier-js-issue
2. cd bezier-js-issue
3. npm i && npm start

[Pomax]

To address the original question that led to this issue: which version of Node are you using for this? Because this library declares two points of use:

  "exports": {
    "import": "./src/bezier.js",
    "require": "./dist/bezier.cjs"
  },

I.e. the dist version of the library is the legacy commonjs code, which doesn't use import/export.

Also, if I run this as plain JS, things seem to work perfectly fine, so this might be related to how you're trying to load TS definitions on top of a plain JS library - unfortunately I have zero TS experience so someone else may have to help you out. If you can reduce this to a true minimal reproducible form your best bet is probably Stackoverflow here.

[richardk123]

@Pomax vasturiano/react-force-graph#282

[Pomax]

@richardk123 that's a closed issue, want to summarize it? (there's a lot of discussion in it, so if there's some useful information in there that pertains to this library, please repost that information here, instead of just linking out without anything to tell me what you want me to do with that link =)