Named export 'Alignment' not found In Remix Run

[lenniezelk]

Getting this error when using '@rive-app/react-canvas' in Remix run

Typescript version: 5.1.6
React version: 18.2.0
Remix Run version: 2.3.1

[GiancarlosIO]

Same issue with rsbuild

web-infra-dev/rspack#7022

[mckayreedmoore]

I have the same issue.

Error:

Internal server error: [vite] Named export 'Alignment' not found. The requested module '@rive-app/react-canvas' is a CommonJS module, which may not support all module.exports as named exports.
CommonJS modules can always be imported via the default export, for example using:
import pkg from '@rive-app/react-canvas';
const {Layout, Fit, Alignment} = pkg;

Using the suggested changes doesn't work. When they are implemented it says that the names don't exist in the package.

@rive-app/react-canvas : 4.14.8
typescript : 5.1.6
remix-run : 2.11.2
react : 18.2.20

[DanAndreasson]

Running into this error as well. Anyone who found a solution?

[lexarocks]

the same issue with Vite

[kaori-igawa]

I got a similar error when using Rive in the astro react component.

[ERROR] [vite] Named export 'Alignment' not found. The requested module '@rive-app/react-canvas' is a CommonJS module, which may not support all module.exports as named exports.
CommonJS modules can always be imported via the default export, for example using:

import pkg from '@rive-app/react-canvas';
const {Layout, Fit, Alignment} = pkg;