"WixStyleReactProvider" is not exported by "node_modules/@wix/design-system/dist/esm/index.js"

[martin-artist-scientist]

I've attempted to run this by following the tutorial instructions, and by downloading this repository. When running the dev server and attempting to view the product page, the browser console contains an error:

SyntaxError: The requested module '/node_modules/.vite/deps/@wix_design-system.js?v=b8ad88f6' does not provide an export named 'WixStyleReactProvider'.

npm run build results in:

"WixStyleReactProvider" is not exported by "node_modules/@wix/design-system/dist/esm/index.js", imported by
"src/dashboard/withProviders.tsx"

Some searching shows that WixStyleReactProvider is part of the 'wix-style-react' package. I've tried installing that and changing the import to reference this package instead but then I run into different issues.

[garywyat]

It looks like you're encountering the error 'WixStyleReactProvider is not exported by node_modules/@wix/design-system/dist/esm/index.js'. This might happen if there is a mismatch in the version of the Wix Design System you're using. Try checking if the latest version of the package has been installed or if there are any breaking changes in the API. You could also consider clearing the npm cache and reinstalling the dependencies. For more troubleshooting tips on this and other common errors, visit ModEngine2